@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

 .eds-animate {
overflow: hidden;	
}
.edsanimate-sis-hidden, .eds-scroll-hidden {
opacity:0;	
}
.eds-scroll-visible {
opacity:1;	
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
} .delay1 {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.delay2 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.delay3 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay4 {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.delay5 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay6 {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
.delay7 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-ms-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.delay8 {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
.delay9 {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-ms-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.delay10 {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.delay11 {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-ms-animation-delay: 5.5s;
-o-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.delay12 {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-ms-animation-delay: 6s;
-o-animation-delay: 6s;
animation-delay: 6s;
} .duration1 {
-webkit-animation-duration: .5s !important;
-moz-animation-duration: .5s !important;
-ms-animation-duration: .5s !important;
-o-animation-duration: .5s !important;
animation-duration: .5s !important;
}
.duration2 {
-webkit-animation-duration: 1s !important;
-moz-animation-duration: 1s !important;
-ms-animation-duration: 1s !important;
-o-animation-duration: 1s !important;
animation-duration: 1s !important;
}
.duration3 {
-webkit-animation-duration: 1.5s !important;
-moz-animation-duration: 1.5s !important;
-ms-animation-duration: 1.5s !important;
-o-animation-duration: 1.5s !important;
animation-duration: 1.5s !important;
}
.duration4 {
-webkit-animation-duration: 2s !important;
-moz-animation-duration: 2s !important;
-ms-animation-duration: 2s !important;
-o-animation-duration: 2s !important;
animation-duration: 2s !important;
}
.duration5 {
-webkit-animation-duration: 2.5s !important;
-moz-animation-duration: 2.5s !important;
-ms-animation-duration: 2.5s !important;
-o-animation-duration: 2.5s !important;
animation-duration: 2.5s !important;
}
.duration6 {
-webkit-animation-duration: 3s !important;
-moz-animation-duration: 3s !important;
-ms-animation-duration: 3s !important;
-o-animation-duration: 3s !important;
animation-duration: 3s !important;
}
.duration7 {
-webkit-animation-duration: 3.5s !important;
-moz-animation-duration: 3.5s !important;
-ms-animation-duration: 3.5s !important;
-o-animation-duration: 3.5s !important;
animation-duration: 3.5s !important;
}
.duration8 {
-webkit-animation-duration: 4s !important;
-moz-animation-duration: 4s !important;
-ms-animation-duration: 4s !important;
-o-animation-duration: 4s !important;
animation-duration: 4s !important;
}
.duration9 {
-webkit-animation-duration: 4.5s !important;
-moz-animation-duration: 4.5s !important;
-ms-animation-duration: 4.5s !important;
-o-animation-duration: 4.5s !important;
animation-duration: 4.5s !important;
}
.duration10 {
-webkit-animation-duration: 5s !important;
-moz-animation-duration: 5s !important;
-ms-animation-duration: 5s !important;
-o-animation-duration: 5s !important;
animation-duration: 5s !important;
}
.duration11 {
-webkit-animation-duration: 5.5s !important;
-moz-animation-duration: 5.5s !important;
-ms-animation-duration: 5.5s !important;
-o-animation-duration: 5.5s !important;
animation-duration: 5.5s !important;
}
.duration12 {
-webkit-animation-duration: 6s !important;
-moz-animation-duration: 6s !important;
-ms-animation-duration: 6s !important;
-o-animation-duration: 6s !important;
animation-duration: 6s !important;
}
.duration13 {
-webkit-animation-duration: 6.5s !important;
-moz-animation-duration: 6.5s !important;
-ms-animation-duration: 6.5s !important;
-o-animation-duration: 6.5s !important;
animation-duration: 6.5s !important;
}
.duration14 {
-webkit-animation-duration: 7s !important;
-moz-animation-duration: 7s !important;
-ms-animation-duration: 7s !important;
-o-animation-duration: 7s !important;
animation-duration: 7s !important;
}
.duration15 {
-webkit-animation-duration: 7.5s !important;
-moz-animation-duration: 7.5s !important;
-ms-animation-duration: 7.5s !important;
-o-animation-duration: 7.5s !important;
animation-duration: 7.5s !important;
}
.duration16 {
-webkit-animation-duration: 8s !important;
-moz-animation-duration: 8s !important;
-ms-animation-duration: 8s !important;
-o-animation-duration: 8s !important;
animation-duration: 8s !important;
}
.duration17 {
-webkit-animation-duration: 8.5s !important;
-moz-animation-duration: 8.5s !important;
-ms-animation-duration: 8.5s !important;
-o-animation-duration: 8.5s !important;
animation-duration: 8.5s !important;
}
.duration18 {
-webkit-animation-duration: 9s !important;
-moz-animation-duration: 9s !important;
-ms-animation-duration: 9s !important;
-o-animation-duration: 9s !important;
animation-duration: 9s !important;
}
.duration19 {
-webkit-animation-duration: 9.5s !important;
-moz-animation-duration: 9.5s !important;
-ms-animation-duration: 9.5s !important;
-o-animation-duration: 9.5s !important;
animation-duration: 9.5s !important;
}
.duration20 {
-webkit-animation-duration: 10s !important;
-moz-animation-duration: 10s !important;
-ms-animation-duration: 10s !important;
-o-animation-duration: 10s !important;
animation-duration: 10s !important;
}
.animated { backface-visibility: hidden;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
animation-fill-mode: both;
transform: translate3d(0, 0, 0);	
-o-animation-fill-mode: both;
-o-transform: translate3d(0, 0, 0);	
-moz-animation-fill-mode: both;
-moz-transform: translate3d(0, 0, 0);
-webkit-animation-fill-mode: both;
-webkit-transform: translate3d(0, 0, 0);
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.animated.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.animated.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animated.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.animated.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }	
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }	
80% { -moz-transform: rotate(-5deg); }	
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }	
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }	
80% { -o-transform: rotate(-5deg); }	
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.animated.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animated.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.animated.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
0%, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animated.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.animated.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animated.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animated.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.animated.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animated.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.animated.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.animated.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.animated.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.animated.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.animated.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.animated.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.animated.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(1080px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-1080px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-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);
}
}
@-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);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-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);
}
}
.animated.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-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);
}
}
@-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);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}	
}
.animated.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-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);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-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;
}
}
.animated.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-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;
}
}
.animated.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-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;
}
}
.animated.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.animated.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-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;
}
}
.animated.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animated.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-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;
}
}
.animated.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-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;
}
}
@-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;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-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;
}
}
.animated.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.animated.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.animated.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.animated.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.animated.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
.animated.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
.animated.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
.animated.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
.animated.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.animated.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.animated.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(3000px) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(3000px) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(3000px) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(3000px) rotate(120deg);
}
}
.animated.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.animated.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.animated.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.animated.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} .animated.fade {
-webkit-animation-name: fade;
-moz-animation-name: fade;
-o-animation-name: fade;
animation-name: fade;
}
@-webkit-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-o-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
.animated.appear {
-webkit-animation-name: appear;
-moz-animation-name: appear;
-o-animation-name: appear;
animation-name: appear;
}
@-webkit-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animated.spinner {
-webkit-animation-name: spinner;
-moz-animation-name: spinner;
-o-animation-name: spinner;
animation-name: spinner;
}
@-webkit-keyframes spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spinner {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); }
}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.animated.twirlIn {
-webkit-animation-name: twirlIn;
-moz-animation-name: twirlIn;
-o-animation-name: twirlIn;
animation-name: twirlIn;
}
@-webkit-keyframes twirlIn {
0% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
100% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
}
@-moz-keyframes twirlIn {
0% { -moz-transform: rotate3d( 80,70,10,180deg ); }
100% { -moz-transform: rotate3d( 0,0,0,0deg ); }
}
@-o-keyframes twirlIn {
0% { -o-transform: rotate3d( 80,70,10,180deg ); }
100% { -o-transform: rotate3d( 0,0,0,0deg ); }
}
@keyframes twirlIn {
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.animated.twirlOut {
-webkit-animation-name: twirlOut;
-moz-animation-name: twirlOut;
-o-animation-name: twirlOut;
animation-name: twirlOut;
}
@-webkit-keyframes twirlOut {
0% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
100% { -webkit-transform: rotate3d( 80,-70,10,180deg );  }
}
@-moz-keyframes twirlOut {
0% { -moz-transform: rotate3d( 0,0,0,0deg ); }
100% { -moz-transform: rotate3d( 80,70,10,180deg ); }
}
@-o-keyframes twirlOut { 
0% { -o-transform: rotate3d( 0,0,0,0deg ); }
100% { -o-transform: rotate3d( 80,70,10,180deg ); }
}
@keyframes twirlOut { 
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.eds-animation-paused {
-webkit-animation-play-state: paused; 
animation-play-state: paused;
}  @-webkit-keyframes grow {
100% { -webkit-transform: scale(1.1);  }
}
@-moz-keyframes grow {
100% { -moz-transform: scale(1.1);  }
}
@-o-keyframes grow { 
100% { -o-transform: scale(1.1);  }
}
@keyframes grow { 
100% { transform: scale(1.1);  }
}
.animated.grow {
-webkit-animation-name: grow;
-moz-animation-name: grow;
-o-animation-name: grow;
animation-name: grow;
} @-webkit-keyframes shrink {
100% { -webkit-transform: scale(0.9);  }
}
@-moz-keyframes shrink {
100% { -moz-transform: scale(0.9);  }
}
@-o-keyframes shrink { 
100% { -o-transform: scale(0.9);  }
}
@keyframes shrink { 
100% { transform: scale(0.9);  }
}
.animated.shrink {
-webkit-animation-name: shrink;
-moz-animation-name: shrink;
-o-animation-name: shrink;
animation-name: shrink;
} @-webkit-keyframes pulseGrow {
0% { -webkit-transform: scale(1.1); }
}
@-moz-keyframes pulseGrow {
0% { -moz-transform: scale(1.1); }
}
@-o-keyframes pulseGrow {
0% { -o-transform: scale(1.1); }
}
@keyframes pulseGrow {
0% { transform: scale(1.1); }
}
.animated.pulseGrow {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseGrow;
-moz-animation-name: pulseGrow;
-o-animation-name: pulseGrow;
animation-name: pulseGrow;
} @-webkit-keyframes pulseShrink {
0% { -webkit-transform: scale(0.9); }
}
@-moz-keyframes pulseShrink {
0% { -moz-transform: scale(0.9); }
}
@-o-keyframes pulseShrink {
0% { -o-transform: scale(0.9); }
}
@keyframes pulseShrink {
0% { transform: scale(0.9); }
}
.animated.pulseShrink {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseShrink;
-moz-animation-name: pulseShrink;
-o-animation-name: pulseShrink;
animation-name: pulseShrink;
} @-webkit-keyframes push {
50% { -webkit-transform: scale(0.8); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes push {
50% { -moz-transform: scale(0.8); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes push {
50% { -o-transform: scale(0.8); }
100% { -o-transform: scale(1); }
}
@keyframes push {
50% { transform: scale(0.8); }
100% { transform: scale(1); }
}
.animated.push {
-webkit-animation-name: push;
-moz-animation-name: push;
-o-animation-name: push;
animation-name: push;
} @-webkit-keyframes pop {
50% { -webkit-transform: scale(1.2); }
}
@-moz-keyframes pop {
50% { -moz-transform: scale(1.2); }
}
@-o-keyframes pop {
50% { -o-transform: scale(1.2); }
}
@keyframes pop {
50% { transform: scale(1.2); }
}
.animated.pop {
-webkit-animation-name: pop;
-moz-animation-name: pop;
-o-animation-name: pop;
animation-name: pop;
} @-webkit-keyframes rotate {
100% { -webkit-transform: rotate(60deg);  }
}
@-moz-keyframes rotate {
100% { -moz-transform: rotate(60deg);  }
}
@-o-keyframes rotate { 
100% { -o-transform: rotate(60deg);  }
}
@keyframes rotate { 
100% { transform: rotate(60deg);  }
}
.animated.rotate {
-webkit-animation-name: rotate;
-moz-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
} @-webkit-keyframes growRotate {
100% { -webkit-transform: scale(1.1) rotate(60deg);  }
}
@-moz-keyframes growRotate {
100% { -moz-transform: scale(1.1) rotate(60deg);  }
}
@-o-keyframes growRotate { 
100% { -o-transform: scale(1.1) rotate(60deg);  }
}
@keyframes growRotate { 
100% { transform: scale(1.1) rotate(60deg);  }
}
.animated.growRotate {
-webkit-animation-name: growRotate;
-moz-animation-name: growRotate;
-o-animation-name: growRotate;
animation-name: growRotate;
} @-webkit-keyframes float {
100% { -webkit-transform: translateY(-8px);  }
}
@-moz-keyframes float {
100% { -moz-transform: translateY(-8px);  }
}
@-o-keyframes float { 
100% { -o-transform: translateY(-8px);  }
}
@keyframes float { 
100% { transform: translateY(-8px);  }
}
.animated.float {
-webkit-animation-name: float;
-moz-animation-name: float;
-o-animation-name: float;
animation-name: float;
} @-webkit-keyframes sink {
100% { -webkit-transform: translateY(8px);  }
}
@-moz-keyframes sink {
100% { -moz-transform: translateY(8px);  }
}
@-o-keyframes sink { 
100% { -o-transform: translateY(8px);  }
}
@keyframes sink { 
100% { transform: translateY(8px);  }
}
.animated.sink {
-webkit-animation-name: sink;
-moz-animation-name: sink;
-o-animation-name: sink;
animation-name: sink;
} @-webkit-keyframes skew {
100% { -webkit-transform: skew(-10deg);  }
}
@-moz-keyframes skew {
100% { -moz-transform: skew(-10deg);  }
}
@-o-keyframes skew { 
100% { -o-transform: skew(-10deg);  }
}
@keyframes skew { 
100% { transform: skew(-10deg);  }
}
.animated.skew {
-webkit-animation-name: skew;
-moz-animation-name: skew;
-o-animation-name: skew;
animation-name: skew;
} @-webkit-keyframes skewForward {
100% { -webkit-transform: skew(-10deg);  }
}
@-moz-keyframes skewForward {
100% { -moz-transform: skew(-10deg);  }
}
@-o-keyframes skewForward { 
100% { -o-transform: skew(-10deg);  }
}
@keyframes skewForward { 
100% { transform: skew(-10deg);  }
}
.animated.skewForward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewForward;
-moz-animation-name: skewForward;
-o-animation-name: skewForward;
animation-name: skewForward;
} @-webkit-keyframes skewBackward {
100% { -webkit-transform: skew(10deg);  }
}
@-moz-keyframes skewBackward {
100% { -moz-transform: skew(10deg);  }
}
@-o-keyframes skewBackward { 
100% { -o-transform: skew(10deg);  }
}
@keyframes skewBackward { 
100% { transform: skew(10deg);  }
}
.animated.skewBackward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewBackward;
-moz-animation-name: skewBackward;
-o-animation-name: skewBackward;
animation-name: skewBackward;
} @-webkit-keyframes wobbleVertical {
16.65% { -webkit-transform: translateY(8px); }
33.3% { -webkit-transform: translateY(-6px); }
49.95% { -webkit-transform: translateY(4px); }
66.6% { -webkit-transform: translateY(-2px); }
83.25% { -webkit-transform: translateY(1px); }
100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes wobbleVertical {
16.65% { -moz-transform: translateY(8px); }
33.3% { -moz-transform: translateY(-6px); }
49.95% { -moz-transform: translateY(4px); }
66.6% { -moz-transform: translateY(-2px); }
83.25% { -moz-transform: translateY(1px); }
100% { -moz-transform: translateY(0); }
}
@-o-keyframes wobbleVertical {
16.65% { -o-transform: translateY(8px); }
33.3% { -o-transform: translateY(-6px); }
49.95% { -o-transform: translateY(4px); }
66.6% { -o-transform: translateY(-2px); }
83.25% { -o-transform: translateY(1px); }
100% { -o-transform: translateY(0); }
}
@keyframes wobbleVertical {
16.65% { transform: translateY(8px); }
33.3% { transform: translateY(-6px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0); }
}
.animated.wobbleVertical {
-webkit-animation-name: wobbleVertical;
-moz-animation-name: wobbleVertical;
-o-animation-name: wobbleVertical;
animation-name: wobbleVertical;
} @-webkit-keyframes wobbleHorizontal {
16.65% { -webkit-transform: translateX(8px); }
33.3% { -webkit-transform: translateX(-6px); }
49.95% { -webkit-transform: translateX(4px); }
66.6% { -webkit-transform: translateX(-2px); }
83.25% { -webkit-transform: translateX(1px); }
100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes wobbleHorizontal {
16.65% { -moz-transform: translateX(8px); }
33.3% { -moz-transform: translateX(-6px); }
49.95% { -moz-transform: translateX(4px); }
66.6% { -moz-transform: translateX(-2px); }
83.25% { -moz-transform: translateX(1px); }
100% { -moz-transform: translateX(0); }
}
@-o-keyframes wobbleHorizontal {
16.65% { -o-transform: translateX(8px); }
33.3% { -o-transform: translateX(-6px); }
49.95% { -o-transform: translateX(4px); }
66.6% { -o-transform: translateX(-2px); }
83.25% { -o-transform: translateX(1px); }
100% { -o-transform: translateX(0); }
}
@keyframes wobbleHorizontal {
16.65% { transform: translateX(8px); }
33.3% { transform: translateX(-6px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0); }
}
.animated.wobbleHorizontal {
-webkit-animation-name: wobbleHorizontal;
-moz-animation-name: wobbleHorizontal;
-o-animation-name: wobbleHorizontal;
animation-name: wobbleHorizontal;
} @-webkit-keyframes wobbleToBottomRight {
16.65% { -webkit-transform: translate(8px, 8px); }
33.3% { -webkit-transform: translate(-6px, -6px); }
49.95% { -webkit-transform: translate(4px, 4px); }
66.6% { -webkit-transform: translate(-2px, -2px); }
83.25% { -webkit-transform: translate(1px, 1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToBottomRight {
16.65% { -moz-transform: translate(8px, 8px); }
33.3% { -moz-transform: translate(-6px, -6px); }
49.95% { -moz-transform: translate(4px, 4px); }
66.6% { -moz-transform: translate(-2px, -2px); }
83.25% { -moz-transform: translate(1px, 1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToBottomRight {
16.65% { -o-transform: translate(8px, 8px); }
33.3% { -o-transform: translate(-6px, -6px); }
49.95% { -o-transform: translate(4px, 4px); }
66.6% { -o-transform: translate(-2px, -2px); }
83.25% { -o-transform: translate(1px, 1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToBottomRight {
16.65% { transform: translate(8px, 8px); }
33.3% { transform: translate(-6px, -6px); }
49.95% { transform: translate(4px, 4px); }
66.6% { transform: translate(-2px, -2px); }
83.25% { transform: translate(1px, 1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToBottomRight {
-webkit-animation-name: wobbleToBottomRight;
-moz-animation-name: wobbleToBottomRight;
-o-animation-name: wobbleToBottomRight;
animation-name: wobbleToBottomRight;
} @-webkit-keyframes wobbleToTopRight {
16.65% { -webkit-transform: translate(8px, -8px); }
33.3% { -webkit-transform: translate(-6px, 6px); }
49.95% { -webkit-transform: translate(4px, -4px); }
66.6% { -webkit-transform: translate(-2px, 2px); }
83.25% { -webkit-transform: translate(1px, -1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToTopRight {
16.65% { -moz-transform: translate(8px, -8px); }
33.3% { -moz-transform: translate(-6px, 6px); }
49.95% { -moz-transform: translate(4px, -4px); }
66.6% { -moz-transform: translate(-2px, 2px); }
83.25% { -moz-transform: translate(1px, -1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToTopRight {
16.65% { -o-transform: translate(8px, -8px); }
33.3% { -o-transform: translate(-6px, 6px); }
49.95% { -o-transform: translate(4px, -4px); }
66.6% { -o-transform: translate(-2px, 2px); }
83.25% { -o-transform: translate(1px, -1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToTopRight {
16.65% { transform: translate(8px, -8px); }
33.3% { transform: translate(-6px, 6px); }
49.95% { transform: translate(4px, -4px); }
66.6% { transform: translate(-2px, 2px); }
83.25% { transform: translate(1px, -1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToTopRight {
-webkit-animation-name: wobbleToTopRight;
-moz-animation-name: wobbleToTopRight;
-o-animation-name: wobbleToTopRight;
animation-name: wobbleToTopRight;
} @-webkit-keyframes wobbleTop {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleTop {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleTop {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleTop {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleTop {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: wobbleTop;
-moz-animation-name: wobbleTop;
-o-animation-name: wobbleTop;
animation-name: wobbleTop;
} @-webkit-keyframes wobbleBottom {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleBottom {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleBottom {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleBottom {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleBottom {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-animation-name: wobbleBottom;
-moz-animation-name: wobbleBottom;
-o-animation-name: wobbleBottom;
animation-name: wobbleBottom;
} @-webkit-keyframes wobbleSkew {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleSkew {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleSkew {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleSkew {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleSkew {
-webkit-animation-name: wobbleSkew;
-moz-animation-name: wobbleSkew;
-o-animation-name: wobbleSkew;
animation-name: wobbleSkew;
} @-webkit-keyframes buzz {
50% { -webkit-transform: translateX(3px) rotate(2deg); }
100% { -webkit-transform: translateX(-3px) rotate(-2deg); }
}
@-moz-keyframes buzz {
50% { -moz-transform: translateX(3px) rotate(2deg); }
100% { -moz-transform: translateX(-3px) rotate(-2deg); }
}
@-o-keyframes buzz {
50% { -o-transform: translateX(3px) rotate(2deg); }
100% { -o-transform: translateX(-3px) rotate(-2deg); }
}
@keyframes buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
.animated.buzz {
-webkit-animation-name: buzz;
-moz-animation-name: buzz;
-o-animation-name: buzz;
animation-name: buzz;
} @-webkit-keyframes buzzOut {
10% { -webkit-transform: translateX(3px) rotate(2deg); }
20% { -webkit-transform: translateX(-3px) rotate(-2deg); }
30% { -webkit-transform: translateX(3px) rotate(2deg); }
40% { -webkit-transform: translateX(-3px) rotate(-2deg); }
50% { -webkit-transform: translateX(2px) rotate(1deg); }
60% { -webkit-transform: translateX(-2px) rotate(-1deg); }
70% { -webkit-transform: translateX(2px) rotate(1deg); }
80% { -webkit-transform: translateX(-2px) rotate(-1deg); }
90% { -webkit-transform: translateX(1px) rotate(0); }
100% { -webkit-transform: translateX(-1px) rotate(0); }
}
@-moz-keyframes buzzOut {
10% { -moz-transform: translateX(3px) rotate(2deg); }
20% { -moz-transform: translateX(-3px) rotate(-2deg); }
30% { -moz-transform: translateX(3px) rotate(2deg); }
40% { -moz-transform: translateX(-3px) rotate(-2deg); }
50% { -moz-transform: translateX(2px) rotate(1deg); }
60% { -moz-transform: translateX(-2px) rotate(-1deg); }
70% { -moz-transform: translateX(2px) rotate(1deg); }
80% { -moz-transform: translateX(-2px) rotate(-1deg); }
90% { -moz-transform: translateX(1px) rotate(0); }
100% { -moz-transform: translateX(-1px) rotate(0); }
}
@-o-keyframes buzzOut {
10% { -o-transform: translateX(3px) rotate(2deg); }
20% { -o-transform: translateX(-3px) rotate(-2deg); }
30% { -o-transform: translateX(3px) rotate(2deg); }
40% { -o-transform: translateX(-3px) rotate(-2deg); }
50% { -o-transform: translateX(2px) rotate(1deg); }
60% { -o-transform: translateX(-2px) rotate(-1deg); }
70% { -o-transform: translateX(2px) rotate(1deg); }
80% { -o-transform: translateX(-2px) rotate(-1deg); }
90% { -o-transform: translateX(1px) rotate(0); }
100% { -o-transform: translateX(-1px) rotate(0); }
}
@keyframes buzzOut {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0); }
100% { transform: translateX(-1px) rotate(0); }
}
.animated.buzzOut {
-webkit-animation-name: buzzOut;
-moz-animation-name: buzzOut;
-o-animation-name: buzzOut;
animation-name: buzzOut;
} @-webkit-keyframes forward {
100% { -webkit-transform: translateX(8px);  }
}
@-moz-keyframes forward {
100% { -moz-transform: translateX(8px);  }
}
@-o-keyframes forward { 
100% { -o-transform: translateX(8px);  }
}
@keyframes forward { 
100% { transform: translateX(8px);  }
}
.animated.forward {
-webkit-animation-name: forward;
-moz-animation-name: forward;
-o-animation-name: forward;
animation-name: forward;
} @-webkit-keyframes backward {
100% { -webkit-transform: translateX(-8px);  }
}
@-moz-keyframes backward {
100% { -moz-transform: translateX(-8px);  }
}
@-o-keyframes backward { 
100% { -o-transform: translateX(-8px);  }
}
@keyframes backward { 
100% { transform: translateX(-8px);  }
}
.animated.backward {
-webkit-animation-name: backward;
-moz-animation-name: backward;
-o-animation-name: backward;
animation-name: backward;
}div.whatsnew {
margin: 10px 0;
font-size: 100%;
word-break: break-all;
overflow: hidden;
}
div.whatsnew a {
padding: 7px 0;
display: block;
text-decoration: none;
box-shadow: none;
}
div.whatsnew a:hover {
background-color: #f5f5f5;
text-decoration: none;
box-shadow: none;
}
div.whatsnew hr {
margin: 0;
padding: 0;
}
div.whatsnew .newmark {
font-size: 74%;
padding: 1px 5px;
vertical-align: middle;
color: White;
background-color: #ff4500;
border-radius: 3px;
}
div.whatsnew dl {
margin: 0;
padding: 0;
border: 0;
}
div.whatsnew dt {
margin: 0 0 0 0.3em;
padding: 0;
border: 0;
color: Gray;
font-weight: normal;
white-space: nowrap;
}
div.whatsnew dd {
margin: 0;
padding: 0 2px;
}
@media screen and (min-width: 600px) {
div.whatsnew dl {
overflow: hidden;
}
div.whatsnew dt {
float: left;
width: 8.1em;
overflow: hidden;
}
div.whatsnew dd {
overflow: hidden;
}
}body .extendedwopts-show {
display: none;
}
body .widgetopts-hide_title .widget-title {
display: none;
}
body .extendedwopts-md-right {
text-align: right;
}
body .extendedwopts-md-left {
text-align: left;
}
body .extendedwopts-md-center {
text-align: center;
}
body .extendedwopts-md-justify {
text-align: justify;
}
@media screen and (min-width: 1181px) {
body .extendedwopts-hide.extendedwopts-desktop {
display: none !important;
}
body .extendedwopts-show.extendedwopts-desktop {
display: block;
}
body .widget.clearfix-desktop {
clear: both;
}
}
@media screen and (max-width: 1024px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 767px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
.panel-cell-style:after {
content: "";
display: block;
clear: both;
position: relative;
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],
template{display:none;}
a{background-color:transparent;}
a:active,
a:hover{outline:0;}
a:active img,
a:hover img{opacity:0.7;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
h1{margin:0.67em 0;font-size:2em;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{vertical-align:baseline;line-height:0;position:relative;font-size:75%;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}
button,
input,
optgroup,
select,
textarea{margin:0;color:inherit;font:inherit;}
button{overflow:visible;}
button,
select{text-transform:none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
button[disabled],
html input[disabled]{cursor:default;}
button::-moz-focus-inner,
input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{padding:0;box-sizing:border-box;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{margin:0 2px;padding:0.35em 0.625em 0.75em;border:1px solid #c0c0c0;}
legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,
th{padding:0;}
html{overflow-y:scroll;}
body{font-family:Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;background:#f6f9f9;color:#485859;}
a{-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;color:#485859;}
a:hover,
a:active,
a:focus{color:#819293;}
address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{font-style:normal;font-weight:normal;}
q{quotes:none;}
q:before,q:after{content:'';content:none;}
img{vertical-align:bottom;-ms-interpolation-mode:bicubic;}
div{word-wrap:break-word;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}
form{margin:0;}
button,
input,
select,
textarea,
optgroup,
option{vertical-align:baseline;}
textarea{min-height:100px;vertical-align:top;}
button::-moz-focus-inner,
input::-moz-focus-inner{margin:0;}
table{width:100%;word-break:break-all;word-wrap:break-word;border-spacing:0;}
caption{text-align:left;}
img{height:auto;max-width:100%;}
img{max-width:none\9;}
html:not(:target) img{max-width:100%;}
p{margin:0 0 1em;}
ul,
ol{margin-left:40px;padding-left:0;}
li{margin-top:0.5em;}
blockquote{position:relative;margin:2em 0;padding:115px 45px 80px;background:#fff;}
blockquote p:last-child{margin-bottom:0;}
blockquote:before{position:absolute;top:40px;left:30px;width:58px;height:45px;content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-laquo.png);}
blockquote:after{position:absolute;right:30px;bottom:20px;width:58px;height:45px;content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-raquo.png);}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){blockquote:before{display:inline-block;width:58px;height:45px;vertical-align:middle;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-laquo@2x.png);-webkit-background-size:58px 45px;background-size:58px 45px;content:" ";}
blockquote:after{display:inline-block;width:58px;height:45px;vertical-align:middle;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-raquo@2x.png);-webkit-background-size:58px 45px;background-size:58px 45px;content:" ";}
}
blockquote a{color:#738687;}
blockquote a:hover,
blockquote a:active,
blockquote a:focus{color:#b1c2c3;}
q{background:#dde1e1;}
table{width:100%;margin:1em 0;padding:0;border-top:1px solid #dde1e1;border-left:1px solid #dde1e1;}
th,
td{padding:1.25em 1em;border-right:1px solid #dde1e1;border-bottom:1px solid #dde1e1;}
th{background-color:#d1d9d9;font-weight:bold;text-align:left;}
thead th{background:#485859;color:#fff;text-align:center;}
dd{margin-left:0;padding-left:1em;}
figure{margin:1em 0;}
.container{position:relative;}
.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in{-webkit-box-sizing:border-box;box-sizing:border-box;width:1200px;margin:auto;}
.main-image-in img{width:100%;}
.main-image-in.wide,
.main-image-in-text.wide{width:100%;}
.col1 .main-body-in{width:100%;}
.col1 .breadcrumbs{width:1200px;margin-right:auto;margin-left:auto;}
.col2 .main-conts{float:left;width:65%;}
.col2 .sub-conts{float:right;width:30%;}
.col2r .main-conts{float:right;width:65%;}
.col2r .sub-conts{float:left;width:30%;}
.site-header{background:#fff;margin-bottom:-3px;}
.site-header:after{content:'';display:block;height:3px;width:100%;background:#485859;}
.site-header-conts{width:100%;padding:60px 0 40px;}
.site-header-in{position:relative;}
.site-title{text-align:center;margin:0 auto;font-size:2.25em;}
.site-title a{color:#485859;text-decoration:none;}
.site-title a:hover,
.site-title a:active,
.site-title a:focus{text-decoration:underline;}
.normal-screen .site-title{font-size:3em;}
.normal-screen .lp-catch{font-size:1.5em;}
.header-box{text-align:right;position:absolute;right:0;top:20px;}
.full-screen{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/lp-image.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover;color:#fff;}
.full-screen .site-header-in{display:table;}
.full-screen .site-header-conts{display:table-cell;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;width:100%;padding:1em;text-align:center;vertical-align:middle;text-shadow:1px 1px 8px #485859;}
.full-screen .site-title{display:block;text-align:center;}
.contact-btn{margin-bottom:0;}
.full-screen .site-header-conts h1{width:auto;margin:0;}
.full-screen .site-header-conts p{font-size:2em;}
.full-screen .site-header-conts p a{color:#fff;text-decoration:none;}
.global-nav{padding:0;background:#fff;border-bottom:#485859 solid 3px;margin-bottom:-3px;z-index:200;position:relative;}
.global-nav-panel{display:none;font-size:12px;}
.global-nav-panel span{display:block;min-height:20px;line-height:20px;}
.icon-gn-menu{padding-left:32px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-gn-menu.png) left center no-repeat;}
.icon-gn-close{padding-left:32px;background:url(//www.aosbox.com/wp-content/uploads/black-icon-gn-close.png) left center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-gn-menu{background:url(//www.aosbox.com/wp-content/uploads/black-icon-gn-close2x.png) left center no-repeat;-webkit-background-size:20px 20px;background-size:20px 20px;}
.icon-gn-close{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/black-icon-gn-close@2x.png) left center no-repeat;-webkit-background-size:20px 20px;background-size:20px 20px;}
}
.global-nav .show-menu,
.global-nav .show-menu li ul{display:block!important;}
.global-nav-in ul{display:table;margin:0;padding:0;table-layout:fixed;}
.global-nav-in li{display:table-cell;list-style:none;position:relative;vertical-align:middle;margin:0;text-align:center;}
.global-nav-in li a{display:block;min-height:1.5em;padding:1em;color:#485859;text-decoration:none;}
.global-nav-in li ul{display:none;position:absolute;top:100%;left:0;z-index:10;width:100%;border-left:0;}
.global-nav li ul li{display:list-item;width:100%;margin:0;padding:0;border-top:0;border-right:0;white-space:normal;}
.global-nav li ul li a{display:block;padding:0.8em 2em;color:#fff;}
.global-nav-in li ul ul{top:0;left:100%;}
.main-image{z-index:100;position:relative;border-bottom:#f6f9f9 solid 2em;border-top:#485859 solid 3px;margin-bottom:-3px;margin-top:-3px;background:#f6f9f9;}
.main-image-in-text{background-repeat:no-repeat;background-size:cover;}
.main-image-in-text-cont{-webkit-box-sizing:border-box;box-sizing:border-box;padding:3em;}
.main-image-in-text.wide .main-image-in-text-cont{width:1200px;}
.main-image-in-text p:last-child{margin-bottom:0;}
.main-copy{margin-bottom:20px;font-size:3em;text-align:center;}
.sub-copy{font-size:1.5em;text-align:center;}
.main-body{padding-bottom:30px;}
.no-gn .main-body{margin-top:0;}
.lp.no-gn .main-body{margin-top:2em;}
.main-body-in{padding-top:30px;}
.lp .main-body{border-top:#485859 solid 3px;}
.lp .site-header{border-bottom:none;}
.breadcrumbs-in{margin:0 0 1.5em;color:#485859;}
.no-gn .breadcrumbs-in{margin-top:0;}
.breadcrumbs-in a{color:#485859;}
.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{color:#819293;}
.breadcrumbs-in li{display:inline-block;list-style:none;position:relative;margin-right:5px;padding-right:18px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-brc.gif) right center no-repeat;}
.breadcrumbs-in li:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-folder-brc.png);}
.breadcrumbs-in li.bcl-first:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-home-brc.png);}
.breadcrumbs-in li.bcl-last{background:none;}
.breadcrumbs-in li.bcl-last:before{content:none;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.breadcrumbs-in li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-brc@2x.gif) right center no-repeat;-webkit-background-size:5px 9px;background-size:5px 9px;}
.breadcrumbs-in li:before{width:12px;height:12px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-folder-brc@2x.png);}
.breadcrumbs-in li.bcl-first:before{width:12px;height:12px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-home-brc@2x.png);}
.breadcrumbs-in li:before,
.breadcrumbs-in li.bcl-first:before{display:inline-block;vertical-align:middle;-webkit-background-size:contain;background-size:contain;content:" ";}
.breadcrumbs-in li.bcl-last:before{width:0;height:0;background:none;content:none;}
}
.main-conts{line-height:1.8;}
.col1 .main-conts{margin-bottom:40px;}
.section-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:60px;}
.section-wrap.wide{border-right:0;border-left:0;}
.section-wrap .section-in,
.float-area{-webkit-box-sizing:border-box;box-sizing:border-box;}
.float-area{margin-bottom:10px;}
.col1 .section-wrap,
.col1 .float-area{width:1200px;margin-right:auto;margin-left:auto;}
.col1 .section-wrap{padding:40px 80px;}
.col1 .section-wrap.wide{width:100%;padding:40px 0;background:#dde1e1;}
.col1 .section-wrap.wide .section-in{width:1200px;margin-right:auto;margin-left:auto;padding:30px 0;}
.sub-conts .section-wrap{margin:0 auto 20px;padding:0;border:none;}
.sub-conts .section-wrap .section-in{padding:0 20px 20px;background:#ecf0f0;border:1px solid #ecf0f0;}
.col1 .sub-conts .section-wrap .section-in{padding:0 80px 30px;}
.sub-conts .link-menu{margin-left:18px;padding-left:0;}
.sub-conts .link-menu li{list-style:none;margin-bottom:1em;padding-left:12px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-list-arw.png) left 6px no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.sub-conts .link-menu li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-list-arw@2x.png) left 6px no-repeat;-webkit-background-size:7px 10px;background-size:7px 10px;}
}
.sub-conts .link-menu ul{margin-top:1em;margin-left:10px;padding-left:0;}
.sub-conts .link-menu-image{margin-right:0;margin-left:0;}
.sub-conts .link-menu-image li{list-style:none;overflow:hidden;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc;}
.sub-conts .link-menu-image li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.link-menu-image-thumb{float:left;margin-right:1em;}
.sub-conts .link-menu-image .post-title{overflow:hidden;margin-bottom:0;padding:5px 0;border:none;background:none;font-weight:normal;}
.site-footer{background:#728080;color:#fff;}
.site-footer-in a{color:#fff;}
.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{color:#819293;}
.site-footer-nav{margin:0 auto;padding:1em 0;text-align:center;}
.site-footer-nav li{display:inline;list-style:none;margin-left:50px;padding:0 0 0 13px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-next02.png) left center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.site-footer-nav li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-next02@2x.png) left center no-repeat;-webkit-background-size:7px 10px;background-size:7px 10px;}
}
.site-footer-nav li:first-child{margin-left:0;}
.copyright{margin:0;padding:15px 0;background:#485859;color:#eee;text-align:center;}
.copyright small{font-size:100%;}
.page-top{display:none;position:fixed;right:20px;bottom:20px;z-index:99;line-height:1.2;margin-bottom:0;}
.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{margin-top:0;}
.main-body h1{margin:60px 0 20px;padding:10px 18px;color:#485859;font-size:1.75em;}
.main-body h2{margin:60px 0 30px;padding:3px 18px;background:#485859;color:#fff;font-size:1.75em;}
.main-body h3{margin:60px 0 30px;padding:5px 15px;font-weight:bold;font-size:1.5em;position:relative;border-bottom:3px solid #485859;background:#dde1e1;}
.main-body .sub-conts h3{padding-top:20px;}
.main-body h4{margin:55px 0 25px;font-weight:bold;font-size:1.25em;position:relative;padding:.1em 0 .2em .75em;border-left:6px solid #485859;}
.main-body h4:before{position:absolute;left:-6px;bottom:0;content:'';width:6px;height:50%;background-color:#dde1e1;}
.main-body h5{margin:55px 0 25px;padding:0 0 0 9px;border-left:6px solid #dde1e1;font-weight:bold;font-size:1.2em;}
.main-body h6{margin:55px 0 25px;font-weight:bold;font-size:1.125em;}
.main-body .img-title{padding:0;border:none;background:none;border-radius:0;box-shadow:none;font-weight:normal;font-size:1.0em;}
.main-body h2 a{color:#fff;}
.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus{color:#819293;}
.main-body .archive-title{margin:0 0 30px;}
.col1 .main-body .archive-title{max-width:1200px;margin-right:auto;margin-left:auto;}
.section-wrap .section-title{line-height:1.5;margin:0 0 1em;border:none;background:transparent;color:#485859;font-size:2.125em;border-top:3px solid #485859;border-bottom:1px solid #dde1e1;padding:20px 0;position:relative;}
html.col1 .section-wrap .section-title{line-height:1.5;margin:0 -80px 1em;border:none;background:transparent;color:#485859;font-size:2.125em;border-top:3px solid #485859;border-bottom:1px solid #dde1e1;padding:20px 80px;position:relative;}
.main-body .section-title a{color:#485859;text-decoration:none;}
.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{color:#819293;text-decoration:underline;}
.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{margin:0 0 20px;padding:12px 0;font-weight:normal;font-size:1em;border:none;color:#485859;border-bottom:3px solid #485859;}
.sub-conts .section-wrap .section-in .section-title:after,
.sub-conts .section-wrap .article-header .section-title:after{content:none;}
.news .news-date{color:#728080;margin-right:1em;}
.news-item{padding:15px 15px 0.1px;background:#fff;margin-bottom:1em;}
.news .news-thumb{float:left;margin:0 15px 15px 0;}
.news-item .news-thumb a{display:block;}
.main-body .news-title{margin:0 0 12px;padding:0;border:none;background:none;font-weight:normal;font-size:1.1em;line-height:1.5em;}
.main-body .news-title:after{content:none;}
.news .news-date,
.news .news-cat{display:inline-block;}
.cat{display:inline-block;margin-right:2px;margin-bottom:5px;padding:0.1em 0.5em;border-bottom:none;color:#fff;font-size:0.75em;word-break:break-all;}
.cat a{display:inline-block;margin:-0.1em -1px;padding:0.1em 0.5em;color:#fff;text-decoration:none;}
.cat001{background:#3E768A;}
.cat002{background:#947863;}
.cat003{background:#3E8A6A;}
.cat004{background:#705D88;}
.cat005{background:#606C7A;}
.news .news-cont{line-height:1.4em;margin:0 0 0.5em;}
.dl-style01 dt,
.dl-style01 dd{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;}
.dl-style01 dt{display:block;float:left;width:35%;}
.dl-style01 dd{padding-left:35%;border-bottom:1px solid #dde1e1;}
.dl-style02 dt,
.dl-style02 dd{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;}
.dl-style02{border-bottom:1px solid #728080;}
.dl-style02 dt{display:block;color:#485859;border-top:1px solid #728080;}
.dl-style02 dd{background:#fff;}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table-comparison{margin:3em 0;border-top:0;}
.table-comparison th,
.table-comparison td{padding:10px;text-align:center;}
.table-comparison thead .highlight span{display:block;margin:-11px;margin-top:-25px;padding:11px;padding-top:25px;}
.table-comparison th.highlight,
.table-comparison th.highlight span{background:#FF824B;}
.table-comparison tfoot td,
.table-comparison tfoot td span{background:#f2f2f2;}
.category-list,
.sub-conts .widget_categories ul{margin-left:0;padding-left:0;}
.category-list li,
.sub-conts .widget_categories li{list-style:none;margin-bottom:1em;padding-left:15px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-tag.png) left 6px no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.category-list li,
.sub-conts .widget_categories li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-tag@2x.png) left 6px no-repeat;-webkit-background-size:12px 12px;background-size:12px 12px;}
}
.category-list ul,
.sub-conts .widget_categories ul ul{margin-top:1em;margin-left:10px;padding-left:0;}
.tagcloud a{margin-right:10px;padding-left:15px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-tag.png) left bottom no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.tagcloud a{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-tag@2x.png) left bottom no-repeat;-webkit-background-size:12px 12px;background-size:12px 12px;}
}
.calendar{background:#fff;font-size:0.875em;}
.calendar caption{font-weight:bold;}
.calendar th,
.calendar td{padding:10px 0;text-align:center;}
.calendar tfoot td{padding:10px;border-right-width:0;text-align:left;}
.calendar tfoot td:last-child{border-right-width:1px;text-align:right;}
.calendar td a{display:block;margin:-10px 0;padding:10px 0;}
.col4-wrap,
.col3-wrap,
.col2-wrap{margin:0 0 1em;}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2%;}
.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{margin-left:0;}
.col4-wrap .col{width:23.5%;}
.col4-wrap .col_2of4{width:49%;}
.col4-wrap .col_3of4{width:74.5%;}
.col3-wrap .col{width:32%;}
.col3-wrap .col_2of3{width:66%;}
.col2-wrap .col{width:49%;}
.col-link{border:1px solid #dde1e1;}
.col-link a{display:block;color:#485859;text-decoration:none;}
.col-link a:hover,
.col-link a:active,
.col-link a:focus{background:#eee;}
.banner-list{margin:20px 0 0;}
.banner-list li{list-style:none;border:#dde1e1 solid 1px;box-sizing:border-box;}
.col1 .banner-list{text-align:center;}
.col1 .banner-list li,
.main-conts .banner-list li{display:inline-block;margin-bottom:1em;margin-left:1em;}
.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{margin-left:0;}
.link-ref{text-align:right;}
embed, iframe, object, video{max-width:100%;}
.btn{display:inline-block;padding:.3em 3em;border:0;color:#485859;text-decoration:none;border:3px solid #485859;background:none;}
.btn-area .btn{display:block;margin-right:auto;margin-left:auto;}
.btn:hover,
.btn:active,
.btn:focus{color:#fff;cursor:pointer;}
.btn span{position:relative;padding-left:20px;}
.btn span:after{-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.btn span:after{display:block;content:'';position:absolute;top:.4em;left:-1em;width:8px;height:8px;border-right:2px solid #485859;border-bottom:2px solid #485859;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn:hover span:after{left:-.5em;border-color:#fff;}
.btn-green{border:3px solid #1EC69B;font-size:1.25em;color:#1EC69B;}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{background:#1EC69B;cursor:pointer;color:#fff;}
.btn-blue{border:3px solid #1A76BD;font-size:1.25em;color:#1A76BD;}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{background:#1A76BD;cursor:pointer;color:#fff;}
.btn-orange{border:3px solid #E3602D;font-size:1.25em;color:#E3602D;}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{background:#E3602D;cursor:pointer;color:#fff;}
.btn-red{border:3px solid #D74648;font-size:1.25em;color:#D74648;}
.btn-red:hover,
.btn-red:active,
.btn-red:focus{background:#D74648;cursor:pointer;color:#fff;}
.btn-green span:after{border-color:#1EC69B;}
.btn-blue span:after{border-color:#1A76BD;}
.btn-orange span:after{border-color:#E3602D;}
.btn-red span:after{border-color:#D74648;}
.btn-form01{padding:.5em 3em;border:3px solid #485859;font-size:1.25em;}
.btn-form02{padding:.5em 1em;border:3px solid #bbb;font-size:1.25em;color:#bbb;}
.btn-form02 span:after{left:-.2em;border-color:#bbb;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.btn-form01:hover,
.btn-form01:active,
.btn-form01:focus{border:3px solid #485859;background:#485859;}
.btn-form02:hover,
.btn-form02:active,
.btn-form02:focus{border:3px solid #999;background:#999;}
input[type="email"]{padding:.9em;}
.btn-mail{padding:.5em 3.3em .5em 1.3em;border:3px solid #485859;text-align:left;}
.btn-mail:hover,
.btn-mail:active,
.btn-mail:focus{border:3px solid #485859;background:#485859;}
.btn-mail span{padding-left:0;}
.btn-mail span:after{right:-2em;left:auto;top:.3em;}
.btn-mail:hover span:after{right:-2.5em;left:auto;}
.btn-detail{padding:.5em 3.3em .5em 1.3em;border:3px solid #728080;margin-top:1em;}
.btn-detail:hover,
.btn-detail:active,
.btn-detail:focus{border:3px solid #485859;background:#485859;}
.btn-detail span{padding-left:0;}
.btn-detail span:after{right:-1.5em;left:auto;top:.3em;}
.btn-detail:hover span:after{right:-2em;left:auto;}
.search-box{margin:20px auto 0;text-align:center;}
.search-box input[type="text"]{-webkit-box-sizing:border-box;box-sizing:border-box;width:80%;height:30px;padding-right:4px;padding-left:4px;border:none;background:#dde1e1;border-radius:0;color:#485859;}
.btn-search{-webkit-box-sizing:border-box;box-sizing:border-box;height:30px;vertical-align:top;padding:5px;border:0;background:#dde1e1;border-radius:0;cursor:pointer;}
.btn-search img{width:21px;height:20px;vertical-align:top;}
.sns-list ul{margin:0 0 1em;padding:0;}
.sns-list li{display:inline-block;vertical-align:top;line-height:1.0;margin-left:1em;}
.sns-list li iframe{max-width:none;margin:0;}
.sns-list li:first-child{margin-left:0;}
.eye-catch{float:right;margin-top:0;margin-left:1em;}
.post-date{margin-right:1em;}
.cast-box{padding:30px 20px;background:#fff;}
.cast-box .cast{position:relative;min-height:100px;margin-top:0;padding-left:115px;}
.cast-box .cast-name{font-weight:bold;font-size:1.25em;}
.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{margin-left:0;margin-bottom:40px;padding-left:0;}
.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{margin-bottom:0;}
.cast-box .cast .cast-headshot{position:absolute;top:0;left:0;}
.cast-box02 .cast{position:relative;margin-bottom:40px;padding-top:210px;}
.cast-box02 .cast:last-child{margin-bottom:0;}
.cast-box02 .cast dd{padding-left:0;}
.cast-box02 .cast-name{font-weight:bold;}
.cast-box02 .cast .cast-headshot{position:absolute;top:0;width:100%;text-align:center;}
.col1 .cast-box02 .cast{min-height:210px;padding-top:0;}
.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{padding-left:210px;}
.col1 .cast-box02 .cast .cast-headshot{width:auto;}
.chat-l,
.chat-r{position:relative;overflow:hidden;margin:0 0 2em;}
.bubble{display:block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:80%;min-height:60px;margin-bottom:2em;padding:1em;border:1px solid #dde1e1;background:#fff;}
.bubble .bubble-in{border-color:#fff;}
.talker{display:block;width:15%;height:auto;text-align:center;}
.talker b{font-weight:normal;}
.talker img{display:block;width:100px;max-width:100%;max-width:none\9;margin:auto;}
html:not(:target) .talker img{max-width:100%;}
.chat-l .talker{float:left;margin-right:2%;}
.chat-r .talker{float:right;margin-left:2%;}
.chat-l .bubble{float:right;}
.chat-r .bubble{float:left;}
.bubble .bubble-in:after,
.bubble .bubble-in:before{position:absolute;top:50%;width:0;height:0;border:solid transparent;content:"";}
.bubble .b-arw20:after,
.bubble .b-arw20:before{top:20%;}
.bubble .b-arw30:after,
.bubble .b-arw30:before{top:30%;}
.bubble .b-arw40:after,
.bubble .b-arw40:before{top:40%;}
.bubble .b-arw60:after,
.bubble .b-arw60:before{top:60%;}
.bubble .b-arw70:after,
.bubble .b-arw70:before{top:70%;}
.bubble .b-arw80:after,
.bubble .b-arw80:before{top:80%;}
.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{right:100%;}
.chat-r .bubble div:after,
.chat-r .bubble div:before{left:100%;}
.chat-l .bubble .bubble-in:after{margin-top:-8px;border-width:8px 20px;border-color:transparent;border-right-color:inherit;}
.chat-l .bubble .bubble-in:before{margin-top:-9px;border-width:9px 21px;border-color:transparent;border-right-color:#dde1e1;}
.chat-r .bubble .bubble-in:after{margin-top:-8px;border-width:8px 20px;border-color:transparent;border-left-color:inherit;}
.chat-r .bubble .bubble-in:before{margin-top:-9px;border-width:9px 21px;border-color:transparent;border-left-color:#dde1e1;}
.bubble p:first-child{margin-top:0;}
.together .talker,
.together .bubble{width:100%;}
.together .talker b{display:inline-block;text-align:center;}
.together.chat-l .talker,
.together.chat-r .talker{float:none;margin:0 0 20px;}
.together.chat-l .talker{text-align:left;}
.together.chat-r .talker{text-align:right;}
.together.chat-l .bubble,
.together.chat-r .bubble{float:none;}
.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{top:auto;bottom:100%;}
.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{right:auto;left:10%;}
.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{right:10%;left:auto;}
.together.chat-l .bubble .bubble-in:after{margin-top:-20px;margin-left:-8px;border-width:20px 8px;border-color:transparent;border-bottom-color:inherit;}
.together.chat-l .bubble .bubble-in:before{margin-top:-21px;margin-left:-9px;border-width:21px 9px;border-color:transparent;border-bottom-color:#dde1e1;}
.together.chat-r .bubble .bubble-in:after{border-width:20px 8px;margin-top:-20px;margin-right:-8px;border-color:transparent;border-bottom-color:inherit;}
.together.chat-r .bubble .bubble-in:before{margin-top:-21px;margin-right:-9px;border-width:21px 9px;border-color:transparent;border-bottom-color:#dde1e1;}
.bubble-in p:last-child{margin-bottom:0;}
.bubble-blue{border:none;background:#398DD7;color:#fff;}
.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before{border-right-color:#398DD7;}
.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before{border-left-color:#398DD7;}
.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before{border-bottom-color:#398DD7;}
.bubble-green{border:none;background:#38D1B0;color:#fff;}
.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before{border-right-color:#38D1B0;}
.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before{border-left-color:#38D1B0;}
.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before{border-bottom-color:#38D1B0;}
.bubble-yellow{border:none;background:#DCD503;color:#fff;}
.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before{border-right-color:#DCD503;}
.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before{border-left-color:#DCD503;}
.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before{border-bottom-color:#DCD503;}
.bubble-orange{border:none;background:#f87047;color:#fff;}
.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before{border-right-color:#f87047;}
.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before{border-left-color:#f87047;}
.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before{border-bottom-color:#f87047;}
.bubble-pink{border:none;background:#f06292;color:#fff;}
.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before{border-right-color:#f06292;}
.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before{border-left-color:#f06292;}
.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before{border-bottom-color:#f06292;}
.bubble-red{border:none;background:#ef5350;color:#fff;}
.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before{border-right-color:#ef5350;}
.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before{border-left-color:#ef5350;}
.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before{border-bottom-color:#ef5350;}
.bubble-black{border:none;background:#555555;color:#fff;}
.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before{border-right-color:#555555;}
.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before{border-left-color:#555555;}
.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before{border-bottom-color:#555555;}
.main-body .ranking-list{margin-right:0;margin-left:0;margin-bottom:0;}
.main-body .ranking-list li{list-style:none;overflow:hidden;margin-bottom:30px;}
.main-body .main-conts .ranking-list li{padding:15px;background:#fff;margin-bottom:1em;}
.main-body .ranking-list li:last-child{margin-bottom:0;}
.col1 .main-body .ranking-list li:last-child{margin-bottom:30px;}
.main-body .ranking-list li p{margin-bottom:0;}
.main-body .rank-title{padding:5px 0;border:none;background:none;font-weight:normal;font-size:1.5em;margin-top:0;}
.main-body .rank-title:before{content:none;}
.rank-thumb{float:left;margin-right:20px;margin-bottom:10px;}
.main-conts .rank-thumb{margin-bottom:0;}
.sub-conts .ranking-list03 .rank-thumb img{width:100px;height:auto;}
.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb{float:none;text-align:center;}
.rank-desc{overflow:hidden;}
.ranking-list01 > li .rank-title{padding-left:60px;margin-bottom:10px;padding-top:10px;}
.ranking-list01 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-01.png) left top no-repeat;}
.ranking-list01 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-02.png) left top no-repeat;}
.ranking-list01 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-03.png) left top no-repeat;}
.ranking-list01 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-04.png) left top no-repeat;}
.ranking-list01 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-05.png) left top no-repeat;}
.ranking-list01 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-06.png) left top no-repeat;}
.ranking-list01 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-07.png) left top no-repeat;}
.ranking-list01 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-08.png) left top no-repeat;}
.ranking-list01 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-09.png) left top no-repeat;}
.ranking-list01 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-10.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.ranking-list01 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-01@2x.png) left top no-repeat;}
.ranking-list01 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-02@2x.png) left top no-repeat;}
.ranking-list01 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-03@2x.png) left top no-repeat;}
.ranking-list01 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-04@2x.png) left top no-repeat;}
.ranking-list01 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-05@2x.png) left top no-repeat;}
.ranking-list01 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-06@2x.png) left top no-repeat;}
.ranking-list01 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-07@2x.png) left top no-repeat;}
.ranking-list01 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-08@2x.png) left top no-repeat;}
.ranking-list01 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-09@2x.png) left top no-repeat;}
.ranking-list01 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-10@2x.png) left top no-repeat;}
.ranking-list01 .rank01 .rank-title,
.ranking-list01 .rank02 .rank-title,
.ranking-list01 .rank03 .rank-title,
.ranking-list01 .rank04 .rank-title,
.ranking-list01 .rank05 .rank-title,
.ranking-list01 .rank06 .rank-title,
.ranking-list01 .rank07 .rank-title,
.ranking-list01 .rank08 .rank-title,
.ranking-list01 .rank09 .rank-title,
.ranking-list01 .rank10 .rank-title{-webkit-background-size:48px;background-size:48px;}
}
.ranking-list02 > li .rank-title{padding-left:60px;padding-bottom:10px;padding-top:10px;}
.ranking-list02 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-01.png) left top no-repeat;}
.ranking-list02 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-02.png) left top no-repeat;}
.ranking-list02 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-03.png) left top no-repeat;}
.ranking-list02 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-04.png) left top no-repeat;}
.ranking-list02 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-05.png) left top no-repeat;}
.ranking-list02 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-06.png) left top no-repeat;}
.ranking-list02 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-07.png) left top no-repeat;}
.ranking-list02 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-08.png) left top no-repeat;}
.ranking-list02 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-09.png) left top no-repeat;}
.ranking-list02 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-10.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.ranking-list02 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-01@2x.png) left top no-repeat;}
.ranking-list02 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-02@2x.png) left top no-repeat;}
.ranking-list02 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-03@2x.png) left top no-repeat;}
.ranking-list02 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-04@2x.png) left top no-repeat;}
.ranking-list02 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-05@2x.png) left top no-repeat;}
.ranking-list02 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-06@2x.png) left top no-repeat;}
.ranking-list02 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-07@2x.png) left top no-repeat;}
.ranking-list02 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-08@2x.png) left top no-repeat;}
.ranking-list02 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-09@2x.png) left top no-repeat;}
.ranking-list02 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank02-10@2x.png) left top no-repeat;}
.ranking-list02 .rank01 .rank-title,
.ranking-list02 .rank02 .rank-title,
.ranking-list02 .rank03 .rank-title,
.ranking-list02 .rank04 .rank-title,
.ranking-list02 .rank05 .rank-title,
.ranking-list02 .rank06 .rank-title,
.ranking-list02 .rank07 .rank-title,
.ranking-list02 .rank08 .rank-title,
.ranking-list02 .rank09 .rank-title,
.ranking-list02 .rank10 .rank-title{-webkit-background-size:48px;background-size:48px;}
}
.ranking-list03 > li .rank-title{padding:5px 0 7px;padding-left:58px;font-size:1.25em;margin-bottom:15px;}
.sub-conts .ranking-list03 > li .rank-title{min-height:30px;padding:0;padding-left:40px;font-size:1.25em;}
.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title{background:#fff;}
.ranking-list03 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-01.png) left top no-repeat;}
.ranking-list03 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-02.png) left top no-repeat;}
.ranking-list03 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-03.png) left top no-repeat;}
.ranking-list03 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-04.png) left top no-repeat;}
.ranking-list03 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-05.png) left top no-repeat;}
.ranking-list03 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-06.png) left top no-repeat;}
.ranking-list03 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-07.png) left top no-repeat;}
.ranking-list03 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-08.png) left top no-repeat;}
.ranking-list03 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-09.png) left top no-repeat;}
.ranking-list03 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-10.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-01.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-02.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-03.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-04.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-05.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-06.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-07.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-08.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-09.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-10.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.ranking-list03 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-01@2x.png) left top no-repeat;}
.ranking-list03 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-02@2x.png) left top no-repeat;}
.ranking-list03 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-03@2x.png) left top no-repeat;}
.ranking-list03 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-04@2x.png) left top no-repeat;}
.ranking-list03 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-05@2x.png) left top no-repeat;}
.ranking-list03 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-06@2x.png) left top no-repeat;}
.ranking-list03 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-07@2x.png) left top no-repeat;}
.ranking-list03 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-08@2x.png) left top no-repeat;}
.ranking-list03 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-09@2x.png) left top no-repeat;}
.ranking-list03 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-10@2x.png) left top no-repeat;}
.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title,
.ranking-list03 .rank04 .rank-title,
.ranking-list03 .rank05 .rank-title,
.ranking-list03 .rank06 .rank-title,
.ranking-list03 .rank07 .rank-title,
.ranking-list03 .rank08 .rank-title,
.ranking-list03 .rank09 .rank-title,
.ranking-list03 .rank10 .rank-title{-webkit-background-size:48px;background-size:48px;}
.sub-conts .ranking-list03 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-01@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-02@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-03@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-04@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-05@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-06@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-07@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-08@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-09@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-10@2x.png) left top no-repeat;}
.sub-conts .ranking-list03 .rank01 .rank-title,
.sub-conts .ranking-list03 .rank02 .rank-title,
.sub-conts .ranking-list03 .rank03 .rank-title,
.sub-conts .ranking-list03 .rank04 .rank-title,
.sub-conts .ranking-list03 .rank05 .rank-title,
.sub-conts .ranking-list03 .rank06 .rank-title,
.sub-conts .ranking-list03 .rank07 .rank-title,
.sub-conts .ranking-list03 .rank08 .rank-title,
.sub-conts .ranking-list03 .rank09 .rank-title,
.sub-conts .ranking-list03 .rank10 .rank-title{-webkit-background-size:30px 30px;background-size:30px 30px;}
}
.ranking-list .on-image{}
.ranking-list .on-image .rank-title{padding:0!important;border:0;background:none!important;font-size:1.25em;}
.ranking-list .on-image .rank-thumb{position:relative;}
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before{position:absolute;top:0;left:0;}
.ranking-list03 > .rank01.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-01.png);}
.ranking-list03 > .rank02.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-02.png);}
.ranking-list03 > .rank03.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-03.png);}
.ranking-list03 > .rank04.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-04.png);}
.ranking-list03 > .rank05.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-05.png);}
.ranking-list03 > .rank06.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-06.png);}
.ranking-list03 > .rank07.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-07.png);}
.ranking-list03 > .rank08.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-08.png);}
.ranking-list03 > .rank09.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-09.png);}
.ranking-list03 > .rank10.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-10.png);}
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-01.png);}
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-02.png);}
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-03.png);}
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-04.png);}
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-05.png);}
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-06.png);}
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-07.png);}
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-08.png);}
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-09.png);}
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-10.png);}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.ranking-list03 > .rank01.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-01@2x.png);}
.ranking-list03 > .rank02.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-02@2x.png);}
.ranking-list03 > .rank03.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-03@2x.png);}
.ranking-list03 > .rank04.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-04@2x.png);}
.ranking-list03 > .rank05.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-05@2x.png);}
.ranking-list03 > .rank06.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-06@2x.png);}
.ranking-list03 > .rank07.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-07@2x.png);}
.ranking-list03 > .rank08.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-08@2x.png);}
.ranking-list03 > .rank09.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-09@2x.png);}
.ranking-list03 > .rank10.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-10@2x.png);}
.ranking-list03 > .rank01.on-image .rank-thumb:before,
.ranking-list03 > .rank02.on-image .rank-thumb:before,
.ranking-list03 > .rank03.on-image .rank-thumb:before,
.ranking-list03 > .rank04.on-image .rank-thumb:before,
.ranking-list03 > .rank05.on-image .rank-thumb:before,
.ranking-list03 > .rank06.on-image .rank-thumb:before,
.ranking-list03 > .rank07.on-image .rank-thumb:before,
.ranking-list03 > .rank08.on-image .rank-thumb:before,
.ranking-list03 > .rank09.on-image .rank-thumb:before,
.ranking-list03 > .rank10.on-image .rank-thumb:before{display:inline-block;width:48px;height:48px;vertical-align:middle;-webkit-background-size:contain;background-size:contain;content:" ";}
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-01@2x.png);}
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-02@2x.png);}
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-03@2x.png);}
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-04@2x.png);}
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-05@2x.png);}
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-06@2x.png);}
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-07@2x.png);}
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-08@2x.png);}
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-09@2x.png);}
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-10@2x.png);}
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{display:inline-block;width:30px;height:30px;vertical-align:middle;-webkit-background-size:contain;background-size:contain;content:" ";}
}
.ranking-list04 .rank-box{position:relative;width:320px;margin-right:auto;margin-left:auto;}
.col1 .ranking-list04 li{display:inline-block;margin-right:20px;}
.ranking-list04 .rank-box img{width:100%;}
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before{position:absolute;top:0;left:0;}
.ranking-list04 .on-image .rank-box .rank-text{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:10px;background-color:rgba(72,88,89,0.5);background-color:#485859\9;color:#fff;}
html:not(:target) .ranking-list04 .on-image .rank-box .rank-text{background-color:rgba(72,88,89,0.5);}
.ranking-list04 .on-image .rank-box a{color:#fff;}
.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus{color:#819293;}
.ranking-list04 > .rank01.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-01.png);}
.ranking-list04 > .rank02.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-02.png);}
.ranking-list04 > .rank03.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-03.png);}
.ranking-list04 > .rank04.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-04.png);}
.ranking-list04 > .rank05.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-05.png);}
.ranking-list04 > .rank06.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-06.png);}
.ranking-list04 > .rank07.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-07.png);}
.ranking-list04 > .rank08.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-08.png);}
.ranking-list04 > .rank09.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-09.png);}
.ranking-list04 > .rank10.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-10.png);}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.ranking-list04 > .rank01.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-01@2x.png);}
.ranking-list04 > .rank02.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-02@2x.png);}
.ranking-list04 > .rank03.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-03@2x.png);}
.ranking-list04 > .rank04.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-04@2x.png);}
.ranking-list04 > .rank05.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-05@2x.png);}
.ranking-list04 > .rank06.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-06@2x.png);}
.ranking-list04 > .rank07.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-07@2x.png);}
.ranking-list04 > .rank08.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-08@2x.png);}
.ranking-list04 > .rank09.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-09@2x.png);}
.ranking-list04 > .rank10.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank03-10@2x.png);}
.ranking-list04 > .rank01.on-image .rank-box:before,
.ranking-list04 > .rank02.on-image .rank-box:before,
.ranking-list04 > .rank03.on-image .rank-box:before,
.ranking-list04 > .rank04.on-image .rank-box:before,
.ranking-list04 > .rank05.on-image .rank-box:before,
.ranking-list04 > .rank06.on-image .rank-box:before,
.ranking-list04 > .rank07.on-image .rank-box:before,
.ranking-list04 > .rank08.on-image .rank-box:before,
.ranking-list04 > .rank09.on-image .rank-box:before,
.ranking-list04 > .rank10.on-image .rank-box:before{display:inline-block;width:48px;height:48px;vertical-align:middle;-webkit-background-size:contain;background-size:contain;content:" ";}
}
.ranking-list05 .rank-box{position:relative;width:320px;margin-right:auto;margin-left:auto;background-position:center center;background-size:cover;}
.col1 .ranking-list05 li{display:inline-block;margin-right:20px;}
.ranking-list05 .rank-box a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;height:180px;padding:3em 1em 1em;background-color:rgba(72,88,89,0.5);background-color:#485859\9;color:#fff;}
html:not(:target) .ranking-list05 .rank-box a{background-color:rgba(72,88,89,0.5);}
.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus,
html:not(:target) .ranking-list05 .rank-box a:hover{background-color:rgba(72,88,89,0);}
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before{position:absolute;top:0;left:0;}
.ranking-list05 > .rank01.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-01.png);}
.ranking-list05 > .rank02.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-02.png);}
.ranking-list05 > .rank03.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-03.png);}
.ranking-list05 > .rank04.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-04.png);}
.ranking-list05 > .rank05.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-05.png);}
.ranking-list05 > .rank06.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-06.png);}
.ranking-list05 > .rank07.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-07.png);}
.ranking-list05 > .rank08.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-08.png);}
.ranking-list05 > .rank09.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-09.png);}
.ranking-list05 > .rank10.on-image .rank-box:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-10.png);}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.ranking-list05 > .rank01.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-01@2x.png);}
.ranking-list05 > .rank02.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-02@2x.png);}
.ranking-list05 > .rank03.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-03@2x.png);}
.ranking-list05 > .rank04.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-04@2x.png);}
.ranking-list05 > .rank05.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-05@2x.png);}
.ranking-list05 > .rank06.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-06@2x.png);}
.ranking-list05 > .rank07.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-07@2x.png);}
.ranking-list05 > .rank08.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-08@2x.png);}
.ranking-list05 > .rank09.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-09@2x.png);}
.ranking-list05 > .rank10.on-image .rank-box:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank04-10@2x.png);}
.ranking-list05 > .rank01.on-image .rank-box:before,
.ranking-list05 > .rank02.on-image .rank-box:before,
.ranking-list05 > .rank03.on-image .rank-box:before,
.ranking-list05 > .rank04.on-image .rank-box:before,
.ranking-list05 > .rank05.on-image .rank-box:before,
.ranking-list05 > .rank06.on-image .rank-box:before,
.ranking-list05 > .rank07.on-image .rank-box:before,
.ranking-list05 > .rank08.on-image .rank-box:before,
.ranking-list05 > .rank09.on-image .rank-box:before,
.ranking-list05 > .rank10.on-image .rank-box:before{display:inline-block;width:30px;height:30px;vertical-align:middle;-webkit-background-size:contain;background-size:contain;content:" ";}
}
.main-body .post-list01,
.main-body .post-list02{margin-right:0;margin-left:0;}
.main-body .post-list01 li,
.main-body .post-list02 li{list-style:none;overflow:hidden;margin-bottom:40px;}
.post-list01 .post-box{position:relative;width:320px;margin-right:auto;margin-left:auto;}
.col1 .post-list01 li{display:inline-block;margin-right:20px;}
.post-list01 .post-box img{width:100%;}
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before{position:absolute;top:0;left:0;}
.post-list01 .on-image .post-box .post-text{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:10px;background-color:rgba(72,88,89,0.5);background-color:#485859\9;color:#fff;}
html:not(:target) .post-list01 .on-image .post-box .post-text{background-color:rgba(72,88,89,0.5);}
.post-list01 .on-image .post-box a{color:#fff;}
.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus{background-color:rgba(72,88,89,0);}
.post-list02 .post-box{position:relative;width:320px;margin-right:auto;margin-left:auto;background-position:center center;background-size:cover;}
.col1 .post-list02 li{display:inline-block;margin-right:20px;}
.post-list02 .post-box a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;height:180px;padding:1em;background-color:rgba(72,88,89,0.5);background-color:#485859\9;color:#fff;}
html:not(:target) .post-list02 .post-box a{background-color:rgba(72,88,89,0.5);}
.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus,
html:not(:target) .post-list02 .post-box a:hover,
html:not(:target) .post-list02 .post-box a:active,
html:not(:target) .post-list02 .post-box a:focus{background-color:rgba(72,88,89,0);}
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before{position:absolute;top:0;left:0;background-color:rgba(72,88,89,0);}
.review-table{width:auto;margin-top:0;border-top:1px solid #fff;border-left:1px solid #fff;}
.rank-thumb .review-table{width:100%;margin-bottom:0;}
.review-table th,
.review-table td{line-height:1.0;padding:0.75em;border-right:1px solid #fff;border-bottom:1px solid #fff;background-color:#f1f1f1;}
.review-table th{font-weight:normal;}
.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{padding-left:105px;white-space:nowrap;}
.star00{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star00.png) left center no-repeat;}
.star05{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star05.png) left center no-repeat;}
.star10{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star10.png) left center no-repeat;}
.star15{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star15.png) left center no-repeat;}
.star20{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star20.png) left center no-repeat;}
.star25{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star25.png) left center no-repeat;}
.star30{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star30.png) left center no-repeat;}
.star35{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star35.png) left center no-repeat;}
.star40{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star40.png) left center no-repeat;}
.star45{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star45.png) left center no-repeat;}
.star50{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star50.png) left center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.star00{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star00@2x.png) left center no-repeat;}
.star05{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star05@2x.png) left center no-repeat;}
.star10{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star10@2x.png) left center no-repeat;}
.star15{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star15@2x.png) left center no-repeat;}
.star20{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star20@2x.png) left center no-repeat;}
.star25{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star25@2x.png) left center no-repeat;}
.star30{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star30@2x.png) left center no-repeat;}
.star35{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star35@2x.png) left center no-repeat;}
.star40{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star40@2x.png) left center no-repeat;}
.star45{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star45@2x.png) left center no-repeat;}
.star50{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-star50@2x.png) left center no-repeat;}
.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{-webkit-background-size:97px 17px;background-size:97px 17px;}
}
.item-data{margin-bottom:1em;}
.item-data dl,
.item-data dt,
.item-data dd{margin:0;}
.item-data dt,
.item-data dd{display:inline-block;}
.item-data dd{padding-left:0;}
.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc{overflow:visible;}
.main-body .review-desc-title{overflow:hidden;margin-top:1em;margin-bottom:1em;padding:0 0 0 14px;border:none;border-left:4px solid #728080;background:none;font-weight:normal;font-size:1.125em;}
.comparative-list01 > li .rank-title{padding-left:60px;}
.comparative-list01 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-01.png) left top no-repeat;}
.comparative-list01 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-02.png) left top no-repeat;}
.comparative-list01 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-03.png) left top no-repeat;}
.comparative-list01 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-04.png) left top no-repeat;}
.comparative-list01 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-05.png) left top no-repeat;}
.comparative-list01 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-06.png) left top no-repeat;}
.comparative-list01 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-07.png) left top no-repeat;}
.comparative-list01 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-08.png) left top no-repeat;}
.comparative-list01 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-09.png) left top no-repeat;}
.comparative-list01 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-10.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.comparative-list01 .rank01 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-01@2x.png) left top no-repeat;}
.comparative-list01 .rank02 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-02@2x.png) left top no-repeat;}
.comparative-list01 .rank03 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-03@2x.png) left top no-repeat;}
.comparative-list01 .rank04 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-04@2x.png) left top no-repeat;}
.comparative-list01 .rank05 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-05@2x.png) left top no-repeat;}
.comparative-list01 .rank06 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-06@2x.png) left top no-repeat;}
.comparative-list01 .rank07 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-07@2x.png) left top no-repeat;}
.comparative-list01 .rank08 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-08@2x.png) left top no-repeat;}
.comparative-list01 .rank09 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-09@2x.png) left top no-repeat;}
.comparative-list01 .rank10 .rank-title{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank01-10@2x.png) left top no-repeat;}
.comparative-list01 .rank01 .rank-title,
.comparative-list01 .rank02 .rank-title,
.comparative-list01 .rank03 .rank-title,
.comparative-list01 .rank04 .rank-title,
.comparative-list01 .rank05 .rank-title,
.comparative-list01 .rank06 .rank-title,
.comparative-list01 .rank07 .rank-title,
.comparative-list01 .rank08 .rank-title,
.comparative-list01 .rank09 .rank-title,
.comparative-list01 .rank10 .rank-title{-webkit-background-size:48px 40px;background-size:48px 40px;}
}
.comparative-list02 > .rank01.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-01.png);}
.comparative-list02 > .rank02.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-02.png);}
.comparative-list02 > .rank03.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-03.png);}
.comparative-list02 > .rank04.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-04.png);}
.comparative-list02 > .rank05.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-05.png);}
.comparative-list02 > .rank06.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-06.png);}
.comparative-list02 > .rank07.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-07.png);}
.comparative-list02 > .rank08.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-08.png);}
.comparative-list02 > .rank09.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-09.png);}
.comparative-list02 > .rank10.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-10.png);}
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-01.png);}
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-02.png);}
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-03.png);}
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-04.png);}
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-05.png);}
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-06.png);}
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-07.png);}
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-08.png);}
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-09.png);}
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{content:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-10.png);}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.comparative-list02 > .rank01.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-01@2x.png);}
.comparative-list02 > .rank02.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-02@2x.png);}
.comparative-list02 > .rank03.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-03@2x.png);}
.comparative-list02 > .rank04.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-04@2x.png);}
.comparative-list02 > .rank05.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-05@2x.png);}
.comparative-list02 > .rank06.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-06@2x.png);}
.comparative-list02 > .rank07.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-07@2x.png);}
.comparative-list02 > .rank08.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-08@2x.png);}
.comparative-list02 > .rank09.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-09@2x.png);}
.comparative-list02 > .rank10.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank05-10@2x.png);}
.comparative-list02 > .rank01.on-image .rank-thumb:before,
.comparative-list02 > .rank02.on-image .rank-thumb:before,
.comparative-list02 > .rank03.on-image .rank-thumb:before,
.comparative-list02 > .rank04.on-image .rank-thumb:before,
.comparative-list02 > .rank05.on-image .rank-thumb:before,
.comparative-list02 > .rank06.on-image .rank-thumb:before,
.comparative-list02 > .rank07.on-image .rank-thumb:before,
.comparative-list02 > .rank08.on-image .rank-thumb:before,
.comparative-list02 > .rank09.on-image .rank-thumb:before,
.comparative-list02 > .rank10.on-image .rank-thumb:before{display:inline-block;width:48px;height:48px;vertical-align:middle;-webkit-background-size:contain;background-size:contain;content:" ";}
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-01@2x.png);}
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-02@2x.png);}
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-03@2x.png);}
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-04@2x.png);}
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-05@2x.png);}
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-06@2x.png);}
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-07@2x.png);}
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-08@2x.png);}
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-09@2x.png);}
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rank06-10@2x.png);}
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{display:inline-block;width:30px;height:30px;vertical-align:middle;-webkit-background-size:contain;background-size:contain;content:" ";}
}
.interval img{display:block;margin:60px auto;}
.check-list,
.check-list-l{margin-left:0;}
.check-list li,
.check-list-l li{list-style:none;}
.check-list li{margin-bottom:1em;padding-left:32px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-check-list.png) left 3px no-repeat;}
.check-list-l li{margin-bottom:2em;padding:10px 0 10px 55px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-check-list-l.png) left 3px no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.check-list li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-check-list@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.check-list-l li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-check-list-l@2x.png) left 3px no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.qa-list dt{display:block;margin-bottom:30px;padding:10px 0 10px 65px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-q.png) left 3px no-repeat;font-size:1.25em;}
.qa-list dd{margin-left:0;margin-bottom:70px;padding:10px 0 10px 65px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-a.png) left 3px no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.qa-list dt{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-q@2x.png) left 3px no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
.qa-list dd{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-a@2x.png) left 3px no-repeat;-webkit-background-size:48px 49px;background-size:48px 49px;}
}
.flow-chart{margin-left:0;}
.flow-chart li{list-style:none;margin-bottom:20px;padding-bottom:60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-b-chart.png) center bottom no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.flow-chart li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;-webkit-background-size:161px 40px;background-size:161px 40px;}
}
.flow-chart li.end,
.flow-chart li:last-child{padding-bottom:0;background:none;}
.flow-chart .process-box{padding:30px;border:2px solid #728080;}
.info-box{padding:10px;background:repeating-linear-gradient(-45deg, #f1f1f1, #f1f1f1 3px, #f1f1f1 0, #485859 6px);}
.info-box p{background:#fff;padding:10px 20px;margin:0;}
.trailer-text{font-weight:bold;font-size:1.25em;}
.trailer-text-l{font-weight:bold;font-size:1.5em;}
.related-thumb{overflow:hidden;width:100%;}
.related-thumb img{max-width:none;}
.related-articles-thumbs01 ul{margin-left:0;}
.related-articles-thumbs01 li{list-style:none;}
.related-articles-thumbs01 img{width:auto;max-height:100px;}
.related-articles-thumbs01 .related-thumb{float:left;width:100px;margin-right:20px;margin-bottom:20px;}
.related-articles-thumbs02 ul{overflow:hidden;margin-left:0;}
.related-articles-thumbs02 li{list-style:none;float:left;width:30%;margin-left:5%;}
.related-articles-thumbs02 li:first-child{margin-left:0;}
.related-articles-thumbs02 img{width:auto;max-height:160px;}
#keni_toc{display:block;width:80%;margin:auto;margin-bottom:3em;padding:25px;border:2px solid #ccc;font-size:0.875em;}
.keni-toc-title{font-size:1.286em;}
#keni_toc ol{margin-top:0;margin-bottom:0;margin-left:25px;}
#keni_toc ol ol{margin-top:0.5em;}
#keni_toc ol ol li{list-style-type:circle;}
.voice-box{padding:30px;background:#fff;}
.voice-content{overflow:hidden;}
.col-onimage > .col{position:relative;overflow:hidden;}
.col-onimage > .col .text-onimage{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:10px;background-color:rgba(72,88,89,0.5);background-color:#485859\9;color:#fff;}
html:not(:target) .col-onimage > .col .text-onimage{background-color:rgba(72,88,89,0.5);}
.col-onimage02 > .col{background-position:center center;background-size:cover;}
.col-onimage02 > .col .text-onimage{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:20px;background-color:rgba(72,88,89,0.5);background-color:#485859\9;color:#fff;}
html:not(:target) .col-onimage02 > .col .text-onimage{background-color:rgba(72,88,89,0.5);}
.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{color:#fff;}
.col-onimage02 > .col a .text-onimage{-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover .text-onimage,
.col-onimage02 > .col a:active .text-onimage,
.col-onimage02 > .col a:focus .text-onimage{background-color:rgba(72,88,89,0);}
.link-next{text-align:right;margin-right:15px;}
.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next{margin-bottom:0;}
.link-next a{padding-left:13px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-next.png) left 6px no-repeat;}
.link-back a{padding-left:13px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-prev.png) left 6px no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.link-next a{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-next@2x.png) left 6px no-repeat;-webkit-background-size:7px 10px;background-size:7px 10px;}
.link-back a{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-prev@2x.png) left 6px no-repeat;-webkit-background-size:7px 10px;background-size:7px 10px;}
}
.page-nav ol{margin-left:0;text-align:center;}
.page-nav li{display:inline-block;margin-right:10px;padding:4px 13px;border:1px solid #485859;}
.page-nav li:last-child{margin-right:0;}
.page-nav li a{display:block;margin:-4px -13px;padding:4px 13px;color:#485859;text-decoration:none;}
.current{background:#728080;color:#fff;}
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{background:#485859;color:#fff;}
.page-nav-bf ul{margin-left:0;}
.page-nav-bf li{list-style:none;}
.page-nav-next{float:right;padding-right:13px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-next.png) right center no-repeat;}
.page-nav-prev{float:left;padding-left:13px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-prev.png) left center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.page-nav-next{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-next@2x.png) right center no-repeat;-webkit-background-size:7px 10px;background-size:7px 10px;}
.page-nav-prev{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-prev@2x.png) left center no-repeat;-webkit-background-size:7px 10px;background-size:7px 10px;}
}
.single .article-body,
.page .article-body{margin-bottom:40px;}
.keni-relatedposts-list li p{overflow:hidden;}
.keni-relatedposts-list li p a[target="_blank"]{padding:3px;padding-right:15px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-outbound-link.png) right center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.keni-relatedposts-list li p a[target="_blank"]{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-outbound-link@2x.png) right center no-repeat;-webkit-background-size:12px 13px;background-size:12px 13px;}
}
.cont-nav{padding-top:40px;border-top:1px solid #ccc;}
.post-toc{margin-bottom:40px;padding:30px 20px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/common/bg-cast-box.png) #eeeeee;}
.comment-form-author,
.comment-form-mail,
.comment-form-url{margin-bottom:2em;}
.comment-form-author p,
.comment-form-mail p,
.comment-form-url p{margin-bottom:0;}
.alignleft{float:left;margin:0 1em 1em 0;}
.alignright{float:right;margin:0 0 1em 1em;}
.aligncenter{display:block;float:none;margin-right:auto;margin-bottom:1em;margin-left:auto;}
.post-tag a{word-break:break-all;}
.commentlist,
.commentlist .children{margin-left:0;}
.commentlist{border-bottom:1px solid #ccc;}
.commentlist li{list-style:none;margin-bottom:1em;padding-bottom:1em;border-bottom:1px dotted #ccc;}
.commentlist li:last-child,
.commentlist ul li:last-child{padding-bottom:0;border-bottom:0;}
.reply a{padding-left:13px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arw-next.png) left 6px no-repeat;}
.commentlist .children{margin-top:1em;padding-top:1em;padding-left:40px;border-top:1px solid #ccc;}
.rsswidget img{vertical-align:baseline;}
.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul{margin-left:0;padding-left:0;}
.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{list-style:none;margin-bottom:1em;padding-left:13px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-list-arw.png) left 6px no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-list-arw@2x.png) left 6px no-repeat;-webkit-background-size:7px 10px;background-size:7px 10px;}
}
.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul{margin-top:1em;margin-left:10px;}
.num-pv{font-size:0.8em;}
.calendar,
.calendar_wrap table{background:#fff;font-size:0.875em;}
.calendar caption,
.widget_calendar caption{font-weight:bold;}
.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td{padding:10px 0;text-align:center;}
.calendar tfoot td,
.widget_calendar tfoot td{padding:10px;border-right-width:0;text-align:left;}
.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child{border-right-width:1px;text-align:right;}
.calendar td a,
.widget_calendar tfoot td a{display:block;margin:-10px 0;padding:10px 0;}
.link-pages{margin-top:2em;text-align:center;line-height:1.2;}
.link-pages span{display:inline-block;margin-left:0;}
.link-pages a,
.link-pages span{display:inline-block;margin-right:10px;margin-bottom:0.5em;padding:4px 8px;border:1px solid #c1c1c1;text-decoration:none;}
.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{background:#c1c1c1;color:#fff;}
.link-pages a span{display:inline;margin-right:0;padding:0;border:0;background:transparent;color:inherit;}
.link-pages .link-pages-cap{display:inline-block;margin-right:10px;padding:0;border:0;background:transparent;color:inherit;}
.wp-caption{max-width:100%;}
.gallery,
.gallery-item{-webkit-box-sizing:border-box;box-sizing:border-box;}
.gallery{margin-bottom:1em;}
.gallery-item{display:inline-block;width:100%;vertical-align:top;text-align:center;}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{margin:1%;}
.gallery-columns-2 .gallery-item{max-width:48%;}
.gallery-columns-3 .gallery-item{max-width:31.3%;}
.gallery-columns-4 .gallery-item{max-width:23%;}
.gallery-columns-5 .gallery-item{max-width:18%;}
.gallery-columns-6 .gallery-item{max-width:14.6%;}
.gallery-columns-7 .gallery-item{max-width:12.2%;}
.gallery-columns-8 .gallery-item{max-width:10.5%;}
.gallery-columns-9 .gallery-item{max-width:9.1%;}
.gallery-icon img{margin:0 auto;}
.gallery-caption{display:block;font-size:0.875em;}
.note{display:block;padding-left:1em;text-indent:-1em;}
.note2{display:block;padding-left:2em;text-indent:-2em;}
.warning,
.error{color:#e53935!important;}
.required{display:inline-block;color:#e53935!important;}
.dot{position:relative;padding-top:5px;}
.dot:before{position:absolute;top:0;left:50%;width:0.2em;height:0.2em;margin-left:-.1em;background:#485859;border-radius:50%;content:"";}
.shadow{box-shadow:4px 4px 0px #e9e9e9;}
.shadow02{box-shadow:0px 0px 4px #666;}
.outline{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #dde1e1;}
.frame{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:95%;padding:8px;background:#fff;box-shadow:0px 0px 8px #666;}
.border{border:1px solid #dde1e1;}
img.resize10,
html:not(:target) img.resize10{height:auto;max-width:10%;}
img.resize20,
html:not(:target) img.resize20{height:auto;max-width:20%;}
img.resize30,
html:not(:target) img.resize30{height:auto;max-width:30%;}
img.resize40,
html:not(:target) img.resize40{height:auto;max-width:40%;}
img.resize50,
html:not(:target) img.resize50{height:auto;max-width:50%;}
img.resize60,
html:not(:target) img.resize60{height:auto;max-width:60%;}
img.resize70,
html:not(:target) img.resize70{height:auto;max-width:70%;}
img.resize80,
html:not(:target) img.resize80{height:auto;max-width:80%;}
img.resize90,
html:not(:target) img.resize90{height:auto;max-width:90%;}
.circle{border-radius:50%;}
.rc4{border-radius:4px;}
.rc4-tl{border-top-left-radius:4px;}
.rc4-tr{border-top-right-radius:4px;}
.rc4-bl{border-bottom-left-radius:4px;}
.rc4-br{border-bottom-right-radius:4px;}
.rc8{border-radius:8px;}
.rc8-tl{border-top-left-radius:8px;}
.rc8-tr{border-top-right-radius:8px;}
.rc8-bl{border-bottom-left-radius:8px;}
.rc8-br{border-bottom-right-radius:8px;}
.rc12{border-radius:12px;}
.rc12-tl{border-top-left-radius:12px;}
.rc12-tr{border-top-right-radius:12px;}
.rc12-bl{border-bottom-left-radius:12px;}
.rc12-br{border-bottom-right-radius:12px;}
.rc50{border-radius:50px;}
.transparent-panel-wrap{padding:1em;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/sample09.jpg) center center;-webkit-background-size:cover;background-size:cover;}
.transparent-panel{padding:1em;background-color:rgba(255,255,255,0.7);background-color:#ffffff\9;}
html:not(:target) .transparent-panel{background-color:rgba(255,255,255,0.7);}
.fl-l{float:left;margin:0 1em 1em 0;}
.fl-r{float:right;margin:0 0 1em 1em;}
.fl-c{clear:both;}
.left{float:left;margin:0 1em 1em 0;}
.right{float:right;margin:0 0 1em 1em;}
.al-l{text-align:left;}
.al-r{text-align:right;}
.al-c{text-align:center;}
.vl-t{vertical-align:top!important;}
.vl-m{vertical-align:middle!important;}
.vl-b{vertical-align:bottom!important;}
.m0{margin:0!important;}
.m0-t{margin-top:0!important;}
.m0-r{margin-right:0!important;}
.m0-b{margin-bottom:0!important;}
.m0-l{margin-left:0!important;}
.m5{margin:5px!important;}
.m5-t{margin-top:5px!important;}
.m5-r{margin-right:5px!important;}
.m5-b{margin-bottom:5px!important;}
.m5-l{margin-left:5px!important;}
.m10{margin:10px!important;}
.m10-t{margin-top:10px!important;}
.m10-r{margin-right:10px!important;}
.m10-b{margin-bottom:10px!important;}
.m10-l{margin-left:10px!important;}
.m15{margin:15px!important;}
.m15-t{margin-top:15px!important;}
.m15-r{margin-right:15px!important;}
.m15-b{margin-bottom:15px!important;}
.m15-l{margin-left:15px!important;}
.m20{margin:20px!important;}
.m20-t{margin-top:20px!important;}
.m20-r{margin-right:20px!important;}
.m20-b{margin-bottom:20px!important;}
.m20-l{margin-left:20px!important;}
.m25{margin:25px!important;}
.m25-t{margin-top:25px!important;}
.m25-r{margin-right:25px!important;}
.m25-b{margin-bottom:25px!important;}
.m25-l{margin-left:25px!important;}
.m30{margin:30px!important;}
.m30-t{margin-top:30px!important;}
.m30-r{margin-right:30px!important;}
.m30-b{margin-bottom:30px!important;}
.m30-l{margin-left:30px!important;}
.m40{margin:40px!important;}
.m40-t{margin-top:40px!important;}
.m40-r{margin-right:40px!important;}
.m40-b{margin-bottom:40px!important;}
.m40-l{margin-left:40px!important;}
.m50{margin:50px!important;}
.m50-t{margin-top:50px!important;}
.m50-r{margin-right:50px!important;}
.m50-b{margin-bottom:50px!important;}
.m50-l{margin-left:50px!important;}
.m60{margin:60px!important;}
.m60-t{margin-top:60px!important;}
.m60-r{margin-right:60px!important;}
.m60-b{margin-bottom:60px!important;}
.m60-l{margin-left:60px!important;}
.m70{margin:70px!important;}
.m70-t{margin-top:70px!important;}
.m70-r{margin-right:70px!important;}
.m70-b{margin-bottom:70px!important;}
.m70-l{margin-left:70px!important;}
.m80{margin:80px!important;}
.m80-t{margin-top:80px!important;}
.m80-r{margin-right:80px!important;}
.m80-b{margin-bottom:80px!important;}
.m80-l{margin-left:80px!important;}
.m90{margin:90px!important;}
.m90-t{margin-top:90px!important;}
.m90-r{margin-right:90px!important;}
.m90-b{margin-bottom:90px!important;}
.m90-l{margin-left:90px!important;}
.m100{margin:100px!important;}
.m100-t{margin-top:100px!important;}
.m100-r{margin-right:100px!important;}
.m100-b{margin-bottom:100px!important;}
.m100-l{margin-left:100px!important;}
.m120{margin:120px!important;}
.m120-t{margin-top:120px!important;}
.m120-r{margin-right:120px!important;}
.m120-b{margin-bottom:120px!important;}
.m120-l{margin-left:120px!important;}
.m150{margin:150px!important;}
.m150-t{margin-top:150px!important;}
.m150-r{margin-right:150px!important;}
.m150-b{margin-bottom:150px!important;}
.m150-l{margin-left:150px!important;}
.m200{margin:200px!important;}
.m200-t{margin-top:200px!important;}
.m200-r{margin-right:200px!important;}
.m200-b{margin-bottom:200px!important;}
.m200-l{margin-left:200px!important;}
.m300{margin:300px!important;}
.m300-t{margin-top:300px!important;}
.m300-r{margin-right:300px!important;}
.m300-b{margin-bottom:300px!important;}
.m300-l{margin-left:300px!important;}
.p0{padding:0!important;}
.p0-t{padding-top:0!important;}
.p0-r{padding-right:0!important;}
.p0-b{padding-bottom:0!important;}
.p0-l{padding-left:0!important;}
.p5{padding:5px!important;}
.p5-t{padding-top:5px!important;}
.p5-r{padding-right:5px!important;}
.p5-b{padding-bottom:5px!important;}
.p5-l{padding-left:5px!important;}
.p10{padding:10px!important;}
.p10-t{padding-top:10px!important;}
.p10-r{padding-right:10px!important;}
.p10-b{padding-bottom:10px!important;}
.p10-l{padding-left:10px!important;}
.p15{padding:15px!important;}
.p15-t{padding-top:15px!important;}
.p15-r{padding-right:15px!important;}
.p15-b{padding-bottom:15px!important;}
.p15-l{padding-left:15px!important;}
.p20{padding:20px!important;}
.p20-t{padding-top:20px!important;}
.p20-r{padding-right:20px!important;}
.p20-b{padding-bottom:20px!important;}
.p20-l{padding-left:20px!important;}
.p25{padding:25px!important;}
.p25-t{padding-top:25px!important;}
.p25-r{padding-right:25px!important;}
.p25-b{padding-bottom:25px!important;}
.p25-l{padding-left:25px!important;}
.p30{padding:30px!important;}
.p30-t{padding-top:30px!important;}
.p30-r{padding-right:30px!important;}
.p30-b{padding-bottom:30px!important;}
.p30-l{padding-left:30px!important;}
.p40{padding:40px!important;}
.p40-t{padding-top:40px!important;}
.p40-r{padding-right:40px!important;}
.p40-b{padding-bottom:40px!important;}
.p40-l{padding-left:40px!important;}
.p50{padding:50px!important;}
.p50-t{padding-top:50px!important;}
.p50-r{padding-right:50px!important;}
.p50-b{padding-bottom:50px!important;}
.p50-l{padding-left:50px!important;}
.p60{padding:60px!important;}
.p60-t{padding-top:60px!important;}
.p60-r{padding-right:60px!important;}
.p60-b{padding-bottom:60px!important;}
.p60-l{padding-left:60px!important;}
.p70{padding:70px!important;}
.p70-t{padding-top:70px!important;}
.p70-r{padding-right:70px!important;}
.p70-b{padding-bottom:70px!important;}
.p70-l{padding-left:70px!important;}
.p80{padding:80px!important;}
.p80-t{padding-top:80px!important;}
.p80-r{padding-right:80px!important;}
.p80-b{padding-bottom:80px!important;}
.p80-l{padding-left:80px!important;}
.p90{padding:90px!important;}
.p90-t{padding-top:90px!important;}
.p90-r{padding-right:90px!important;}
.p90-b{padding-bottom:90px!important;}
.p90-l{padding-left:90px!important;}
.p100{padding:100px!important;}
.p100-t{padding-top:100px!important;}
.p100-r{padding-right:100px!important;}
.p100-b{padding-bottom:100px!important;}
.p100-l{padding-left:100px!important;}
.b{font-weight:bold!important;}
.normal{font-weight:normal!important;}
.big{font-size:1.2em!important;}
.big2{font-size:1.5em!important;}
.big3{font-size:1.8em!important;}
.small{font-size:0.8em!important;}
.f08em{font-size:0.8em;}
.f09em{font-size:0.9em;}
.f10em{font-size:1.0em;}
.f11em{font-size:1.1em;}
.f12em{font-size:1.2em;}
.f13em{font-size:1.3em;}
.f14em{font-size:1.4em;}
.f15em{font-size:1.5em;}
.f16em{font-size:1.6em;}
.f17em{font-size:1.7em;}
.f18em{font-size:1.8em;}
.f19em{font-size:1.9em;}
.f20em{font-size:2.0em;}
.f21em{font-size:2.1em;}
.f22em{font-size:2.2em;}
.f23em{font-size:2.3em;}
.f24em{font-size:2.4em;}
.f25em{font-size:2.5em;}
.f26em{font-size:2.6em;}
.f27em{font-size:2.7em;}
.f28em{font-size:2.8em;}
.f29em{font-size:2.9em;}
.f30em{font-size:3.0em;}
.f8pt{font-size:8.5pt;}
.f9pt{font-size:9.0pt;}
.f10pt{font-size:10pt;}
.f11pt{font-size:11pt;}
.f12pt{font-size:12pt;}
.f13pt{font-size:13pt;}
.f14pt{font-size:14pt;}
.f15pt{font-size:15pt;}
.f16pt{font-size:16pt;}
.f17pt{font-size:17pt;}
.f18pt{font-size:18pt;}
.f19pt{font-size:19pt;}
.f20pt{font-size:20pt;}
.f21pt{font-size:21pt;}
.f22pt{font-size:22pt;}
.f23pt{font-size:23pt;}
.f24pt{font-size:24pt;}
.red{color:#e53935!important;}
.blue{color:#3187F9!important;}
.green{color:#4caf50!important;}
.yellow{color:#E1D902!important;}
.navy{color:#004182!important;}
.orange{color:#ff9800!important;}
.pink{color:#FF7173!important;}
.purple{color:#9c27b0!important;}
.olive{color:#808000!important;}
.lime{color:#11ee11!important;}
.aqua{color:#00bcd4!important;}
.black{color:#000!important;}
.gray{color:#aaa!important;}
.white{color:#fff!important;}
.brown{color:#6d4c33!important;}
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{padding:2px;}
.box-yellow{background-color:#ff6;}
.box-orange{background-color:#FFB334;}
.box-pink{background-color:#ffbbdd;}
.box-lime{background-color:#9f9;}
.box-gray{background-color:#dde1e1;}
.lh10{line-height:1.0!important;}
.lh11{line-height:1.1!important;}
.lh12{line-height:1.2!important;}
.lh13{line-height:1.3!important;}
.lh14{line-height:1.4!important;}
.lh15{line-height:1.5!important;}
.lh16{line-height:1.6!important;}
.lh17{line-height:1.7!important;}
.lh18{line-height:1.8!important;}
.lh19{line-height:1.9!important;}
.lh20{line-height:2.0!important;}
.w05{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
.underline{text-decoration:underline!important;}
.del{text-decoration:line-through;}
.noborder{border:0!important;}
.z1{z-index:1!important;}
.z2{z-index:2!important;}
.z3{z-index:3!important;}
.z4{z-index:4!important;}
.z5{z-index:5!important;}
.z10{z-index:10!important;}
.z20{z-index:20!important;}
.z30{z-index:30!important;}
.z40{z-index:40!important;}
.z50{z-index:50!important;}
.inline{margin:1em 0;padding:0;}
.inline li{display:inline;list-style-type:none;}
.none{margin:1em 0;padding:0;}
.none li{list-style-type:none;}
.icon-point{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-point.png) left 3px no-repeat;}
.icon-point-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-point-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-point{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-point@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-point-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-point-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-caution{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-caution.png) left 3px no-repeat;}
.icon-caution-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-caution-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-caution{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-caution@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-caution-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-caution-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-new{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-new.png) left 3px no-repeat;}
.icon-new-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-new-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-new{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-new@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-new-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-new-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-wakaba{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-wakaba.png) left 3px no-repeat;}
.icon-wakaba-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-wakaba-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-wakaba{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-wakaba@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-wakaba-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-wakaba-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-blank{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-blank.png) left 3px no-repeat;}
.icon-blank-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-blank-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-blank{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-blank@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-blank-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-blank-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-arrow-t{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-t.png) left 3px no-repeat;}
.icon-arrow-t-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-t-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-arrow-t{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-t@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-arrow-t-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-t-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-arrow-r{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-r.png) left 3px no-repeat;}
.icon-arrow-r-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-r-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-arrow-r{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-r@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-arrow-r-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-r-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-arrow-b{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-b.png) left 3px no-repeat;}
.icon-arrow-b-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-b-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-arrow-b{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-b@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-arrow-b-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-b-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-arrow-l{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-l.png) left 3px no-repeat;}
.icon-arrow-l-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-l-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-arrow-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-l@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-arrow-l-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-arrow-l-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-dl{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-dl.png) left 3px no-repeat;}
.icon-dl-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-dl-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-dl{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-dl@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-dl-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-dl-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-pdf{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-pdf.png) left 3px no-repeat;}
.icon-pdf-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-pdf-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-pdf{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-pdf@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-pdf-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-pdf-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-zip{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-zip.png) left 3px no-repeat;}
.icon-zip-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-zip-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-zip{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-zip@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-zip-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-zip-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-mail{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-mail.png) left 3px no-repeat;}
.icon-mail-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-mail-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-mail{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-mail@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-mail-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-mail-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-cart{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-cart.png) left 3px no-repeat;}
.icon-cart-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-cart-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-cart{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-cart@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-cart-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-cart-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-search{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-search.png) left 3px no-repeat;}
.icon-search-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-search-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-search{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-search@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-search-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-search-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-home{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-home.png) left 3px no-repeat;}
.icon-home-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-home-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-home{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-home@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-home-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-home-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-folder{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-folder.png) left 3px no-repeat;}
.icon-folder-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-folder-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-folder{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-folder@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-folder-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-folder-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-time{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-time.png) left 3px no-repeat;}
.icon-time-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-time-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-time{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-time@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-time-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-time-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-calendar{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-calendar.png) left 3px no-repeat;}
.icon-calendar-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-calendar-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-calendar{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-calendar@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-calendar-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-calendar-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-rss{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rss.png) left 3px no-repeat;}
.icon-rss-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rss-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-rss{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rss@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-rss-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-rss-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-building{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-building.png) left 3px no-repeat;}
.icon-building-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-building-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-building{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-building@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-building-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-building-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.icon-map{padding:0 0 0 30px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-map.png) left 3px no-repeat;}
.icon-map-l{padding:10px 0 10px 60px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-map-l.png) left top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.icon-map{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-map@2x.png) left 3px no-repeat;-webkit-background-size:24px 24px;background-size:24px 24px;}
.icon-map-l{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-map-l@2x.png) left top no-repeat;-webkit-background-size:48px 48px;background-size:48px 48px;}
}
.outbound{padding:3px;padding-left:15px;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-outbound-link.png) left center no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.outbound{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-outbound-link@2x.png) left center no-repeat;-webkit-background-size:12px 13px;background-size:12px 13px;}
}
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.clearfix:after{content:'';display:block;clear:both;height:0;}
@media
only screen and (max-width:1200px){.site-header-in,
.global-nav-in,
.main-body-in,
.site-footer-in{width:96%;margin:auto;}
.main-image-in,
.main-image-in-text,
.main-image-in-text .main-image-in-text-cont,
.main-image-in-text.wide .main-image-in-text-cont{width:100%;}
.col1 .section-wrap,
.col1 .breadcrumbs,
.col1 .section-wrap.wide .section-in,
.col1 .section-wrap.wide{width:auto;}
.col1 .breadcrumbs-in,
.col1 .float-area{width:96%;margin-right:auto;margin-left:auto;}
.bubble{width:70%;}
.talker{width:25%;}
.bubble .bubble-in:after,
.bubble .bubble-in:before{top:30px;}
.together .bubble,
.together .talker{width:100%;}
.together .talker b{max-width:25%;}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box{width:100%;}
.col1 .ranking-list05 .rank-box,
.col1 .post-list02 .post-box{width:320px;}
}
@media (min-width:737px) and (max-width:950px){.col2 .sub-conts .ranking-list03 .rank-thumb,
.col2r .sub-conts .ranking-list03 .rank-thumb,
.col2 .comparative-list01 .rank-thumb,
.col2 .comparative-list02 .rank-thumb,
.col2r .comparative-list01 .rank-thumb,
.col2r .comparative-list02 .rank-thumb{float:none;}
.col2 .comparative-list01 .rank-thumb,
.col2 .comparative-list02 .rank-thumb,
.col2r .comparative-list01 .rank-thumb,
.col2r .comparative-list02 .rank-thumb{display:inline-block;}
.col1 .ranking-list04 li,
.col1 .ranking-list05 li,
.col1 .post-list01 li,
.col1 .post-list02 li{display:block;margin-right:auto;margin-left:auto;}
.col1 .ranking-list04 .rank-box,
.col1 .ranking-list05 .rank-box,
.col1 .post-list01 .post-box,
.col1 .post-list02 .post-box{width:320px;}
.col1 .banner-list li{display:list-item;margin-left:0;}
}
@media
only screen and (max-width:736px){html,
body,
.containr{min-width:0;}
html{overflow-x:hidden;overflow-y:scroll;}
html,body{width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
textarea,input{max-width:95%;}
input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{max-width:none;}
blockquote{position:relative;margin:2em 0;padding:115px 20px 80px;}
.site-header-in,
.global-nav-in,
.main-body-in,
.site-footer-in{width:100%;}
.col2 .main-conts,
.col2 .sub-conts,
.col2r .main-conts,
.col2r .sub-conts{float:none;width:auto;}
.sub-conts{margin:0 3%;}
.site-header-conts,
.site-title,
.header-box{display:block;}
.site-header:after{content:none;height:0;}
.header-box{margin-top:15px;}
.site-header-conts{padding-top:50px;}
.no-gn .site-header-conts{padding-top:0;}
.site-header-conts{padding-bottom:10px;}
.site-title{padding:15px 15px 0;font-size:1.4em;}
.normal-screen .site-title{font-size:2em;}
.normal-screen .lp-catch{padding:15px 15px 0;font-size:1em;}
.header-box{margin-left:0;text-align:center;}
.site-header-in{position:relative;padding-bottom:1em;}
.global-nav{position:absolute;top:0;width:100%;margin:0;border:0;}
.global-nav ul{display:none;position:absolute;top:50px;left:10px;z-index:50;width:80%;border:0;background:rgba(72,88,89,.7);}
.global-nav-panel{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:rgba(72,88,89,.9);color:#fff;cursor:pointer;}
.global-nav-in li{display:list-item;width:auto;border-right:0;border-top:1px solid #ddd;text-align:left;}
.global-nav-in li ul{position:static;width:auto;margin-left:1em;background:none;}
.global-nav-in li ul li{width:auto;border-bottom:0;border-top:none;}
.global-nav-in li a,
.global-nav li ul li a{padding:1em;padding-right:2em;background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-gn-arw.png) right center no-repeat;color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.global-nav-in li a,
.global-nav li ul li a{background:url(https://www.aosbox.com/wp-content/themes/keni70_wp_cool_gray_201611091928/images/icon/icon-gn-arw@2x.png) right center no-repeat;-webkit-background-size:27px 18px;background-size:27px 18px;}
}
.main-image-in-text-cont{padding:1em;}
.main-copy{margin-bottom:10px;font-size:2em;text-align:center;}
.sub-copy{font-size:1em;}
.section-wrap,
.col1 .section-wrap.wide{padding:0;border:0;}
.col1 .section-wrap{padding:0;}
.section-wrap .section-in,
.col1 .section-wrap.wide .section-in,
.float-area,
.col1 .float-area{padding:15px;}
.col1 .sub-conts .section-wrap .section-in{padding:0 20px 30px;}
.section-wrap .section-in .section-title,
.section-wrap .article-header .section-title{margin:-15px -15px 20px;padding:15px;font-size:1.75em;}
.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title,
.col1 .sub-conts .section-wrap .section-in .section-title,
.col1 .sub-conts .section-wrap .article-header .section-title{margin:0 -20px 30px;padding:10px 18px;}
html.col1 .section-wrap .section-title{margin:0 -15px 1em;padding:10px 15px;}
.main-body h1,
.main-body h2,
.main-body h3,
.main-body h4,
.main-body h5,
.main-body h6{margin:35px 0 20px;}
.main-body h1,
.main-body h2{font-size:1.5em;}
.breadcrumbs-in{margin-bottom:1em;padding:0 1em;}
.breadcrumbs-in li:last-child{display:none;}
.col1 .breadcrumbs-in{width:auto;}
.site-footer-nav{display:block;text-align:left;}
.site-footer-nav li,
.site-footer-nav li:first-child{display:list-item;margin-left:20px;}
.copyright{padding:15px;text-align:left;}
.page-top img{width:40px;}
.news-item{padding:15px;}
.news .news-cat{margin-left:0;margin-bottom:10px;}
.news .news-thumb{float:none;text-align:center;margin:0 0 20px;}
.main-body .news-title{font-size:1.25em;margin-right:0;}
.ranking-list .on-image .rank-thumb:before, .ranking-list .on-image .rank-thumb:before, .ranking-list .on-image .rank-thumb:before{position:absolute;top:0;left:0;margin-left:0;}
.news.ranking-list .on-image .rank-thumb:before, .news.ranking-list .on-image .rank-thumb:before, .news.ranking-list .on-image .rank-thumb:before{position:absolute;top:0;left:50%;margin-left:-110px;}
.table-block,
.table-block thead,
.table-block tbody,
.table-block tfoot,
.table-block tr,
.table-block th,
.table-block td{display:block;}
.table-block{}
.table-block th,
.table-block td{float:left;width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box;}
.table-block:after{content:'';display:block;clear:both;height:0;}
.table-scroll:before{content:"※はみ出ている場合、横にスクロールできます。"}
.banner-list li{text-align:center;}
.banner-list li,
.col1 .banner-list li,
.main-conts .banner-list li{display:list-item;margin-left:0;}
.btn-area{text-align:center;}
.btn{float:none;margin-right:0;margin-left:0;}
.btn-green,
.btn-blue,
.btn-orange,
.btn-red{padding-top:25px;padding-bottom:25px;padding-left:1em;padding-right:1em;}
.btn-green span:after,
.btn-blue span:after,
.btn-orange span:after,
.btn-red span:after{left:-.3em;}
.btn-form01{padding-top:25px;padding-bottom:25px;padding-left:2em;padding-right:2em;}
.btn-form02{padding-top:15px;padding-bottom:15px;padding-left:1em;padding-right:1em;font-size:16px;}
.sns-list li{margin-right:1em;margin-left:0;}
.col1 .cast-box02 .cast{min-height:0;padding-top:210px;}
.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{padding-left:0;}
.col1 .cast-box02 .cast .cast-headshot{width:100%;}
.rank-thumb{float:none;margin-bottom:10px !important;}
.sub-conts .ranking-list03 .rank-thumb,
.col2 .sub-conts .ranking-list03 .rank-thumb,
.col2r .sub-conts .ranking-list03 .rank-thumb{float:left;}
.col1 .ranking-list04 li,
.col1 .ranking-list05 li,
.col1 .post-list01 li,
.col1 .post-list02 li{display:block;margin-right:auto;margin-left:auto;}
.comparative-list01 .rank-thumb,
.comparative-list02 .rank-thumb{display:inline-block;float:none;}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box{width:320px;}
.related-articles-thumbs02 li{float:none;width:auto;margin-left:0;}
.eye-catch{float:none;margin:0 0 1em;text-align:center;}
}
@media
only screen and (max-width:480px){.col4-wrap,
.col3-wrap,
.col2-wrap{margin:0 0 1em;}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{float:none;margin-left:0;}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{width:auto;}
.left,
.right{float:none;margin-right:0;margin-left:0;text-align:center;}
.alignleft,
.alignright{float:none;margin-right:0;margin-left:0;text-align:center;}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box,
.col1 .ranking-list05 .rank-box,
.col1 .post-list02 .post-box{width:100%;}
}
  @font-face {
font-family: CONDENSEicon;
src: url(https://www.aosbox.com/wp-content/themes/keni70_child/fonts/CONDENSEicon.eot);
}
@font-face {
font-family: 'CONDENSEicon';
src:url(https://www.aosbox.com/wp-content/themes/keni70_child/fonts/CONDENSEicon.woff) format('woff'),
url(https://www.aosbox.com/wp-content/themes/keni70_child/fonts/CONDENSEicon.otf) format('opentype');
}
.icon-fonts:before {
font-family: CONDENSEicon;
}
.icon-fonts.right-arrow:before {
content: "ê";
}
.icon-fonts.up-arrow:before {
content: "è";
}
.icon-fonts.down-arrow:before {
content: "ç";
}
.icon-fonts.left-arrow:before {
content: "é";
}
.icon-fonts.cal:before {
content: "d";
} .site-header:after {
content: '';
display: block;
height: 3px;
width: 100%;
background: #ffffff;
} .main-conts h1.archive-title, .main-conts .article-body h1.archive-title {
color: #111111;
text-align: center;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
display: block;
position: relative;
font-size: 22px;
line-height: 1.4;
background: #ffffff;
border: 1px #dddddd solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
} .section-wrap h1.section-title {
color: #111111;
text-align: center;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
display: block;
position: relative;
font-size: 22px;
line-height: 1.4;
background: #ffffff;
border: 1px #dddddd solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.section-wrap h2.section-title {
color: #111111;
text-align: left;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 4px 10px;
display: block;
position: relative;
font-size: 18px;
line-height: 1.4;
border-top: none;
border-bottom: 1px #dddddd solid;
} .main-body h1.astyle{
margin: 20px 0 20px;
padding: 0px 0px;
color: #0C52A4;
background: #ffffff;
font-weight: 400;
font-size: 2em;
}
.main-body h2.astyle{
margin: 20px 0 20px;
padding: 0px 0px;
color: #0C52A4;
background: #ffffff;
font-weight: 400;
font-size: 1.8em;
border: none;
}
.main-body h3.astyle{
margin: 20px 0 20px;
padding: 0px 0px;
color: #0C52A4;
background: #ffffff;
font-weight: 400;
font-size: 1.6em;
border: none;
}
.main-body h4.astyle{
margin: 20px 0 20px;
padding: 0px 0px;
color: #0C52A4;
background: #ffffff;
font-weight: 400;
font-size: 1.4em;
border: none;
}
.main-body h5.astyle{
margin: 20px 0 20px;
padding: 0px 0px;
color: #0C52A4;
background: #ffffff;
font-weight: 400;
font-size: 1.2em;
border: none !important;
}
.main-body h6.astyle{
margin: 20px 0 20px;
padding: 0px 0px;
color: #0C52A4;
background: #ffffff;
font-weight: 400;
font-size: 1.1em;
}
.top-posts {
margin-bottom: 0px;
}
.top-posts h3{
margin: 0px 0 20px;
padding: 0px 0px;
color: #0C52A4;
background: #ffffff;
border-bottom: 2px solid #0C52A4;
font-weight: 400;
font-size: 1.6em;
}
.coltitle h3 {
margin: 0px 0 20px;
padding: 0px 0px;
color: #111111;
font-weight: 400;
font-size: 2em;
line-height: 140%;
}
.coltitle p {
margin: 0px 0 20px;
padding: 0px 0px;
color: #111111;
font-weight: 400;
font-size: 1em;
line-height: 140%;
} .main-body .img-title{
padding: 0;
border: none;
background: none;
border-radius: 0;
box-shadow: none;
font-weight: normal;
font-size: 1.0em;
}
.main-body h2 a{
color: #fff;
}
.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus{
color: #5077A2;
} html{
overflow-y: scroll;
}
body{
-webkit-text-size-adjust: 100%;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
background: #ffffff;
}
p{
font-size: 14px;
line-height: 150%;
}
.site-header-in, .global-nav-in, .main-image-in, .main-image-in-text, .main-image-in-text-cont, .main-body-in, .site-footer-in {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: auto;
}
.gbox a{
padding: 4px;
background: #0C52A4;
color: #fff;
}
.graybg{
background-color: #f1f1f1;
padding-left: 20px;
padding-right: 20px;
}
.whitebg{
background-color: #ffffff;
padding-left: 20px;
padding-right: 20px;
} .alpha a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
} .section-wrap .section-in .section-title,
.section-wrap .article-header .section-title {
margin: 0;
padding: 0;
}
.section-wrap h2.section-title,.main-body .section-title a:active{
color: #111111;
text-align: left;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 4px 10px;
display: block;
position: relative;
font-size: 18px !important;
line-height: 1.4;
border-top: none;
border-bottom: 1px #dddddd solid;
} .post-date {
text-align: right;
margin-right: 1em;
font-size: 0.78em !important;
}
.post-cat span {
color: #333;
background-color: transparent;
}
.link-next a {
clear: both;
overflow: hidden;
text-decoration: none;
margin: 10px 0px 0px 0px;
padding-top: 5px;
padding-left: 12px;
font-size: 1em;
}
.main-body h2 {
margin: 20px 0;
padding: 0;
background-color: transparent;
color: #333;
font-size: 1.4em;
}
.main-conts .article-body h2 {
color: #0C52A4;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
line-height: 140%;
background-color: transparent;
font-size: 1.8em;
}
.archive .main-conts article.section-wrap {
padding: 25px 0 10px 0;
margin: 10px;
border-bottom: 0px solid #ffffff;
}
.main-body h1 a, .main-body h2 a {
color: #0C52A4;
} .screen-reader-text {
display: none;
}
.pagination {
text-align: center;
font-weight: normal;
overflow: hidden;
clear: both;
margin: 20px 0;
border-radius: 0;
}
.pagination a.page-numbers {
display: inline-block;
list-style: none;
color: #493C29;
background-color: #FFFFFF;
display: inline-block;
text-decoration: none;
padding: 9px 15px;
border: solid 1px #dddddd;
}
.pagination span.current {
display: inline-block;
color:#fff;
background:#0C52A4;
border-color:#dddddd;
padding: 7px 16px;
}
.pagination a.page-numbers:hover {
background:#F0F7F7;
} .main-body .news-title {
margin: 0 0 12px;
padding: 0;
border: none;
background: none;
font-weight: normal;
font-size: 1.1em;
line-height: 1.5em;
}
.main-body .news-title a  {
color: #333333;
text-decoration: none;
}
.main-body .news-title a:hover {
color: #0C52A4;
text-decoration: underline;
}
.news-date {
text-align: right;
margin-right: 1em;
font-size: 0.78em !important;
}  .home .section-title {
display: none;
} .sub-conts .section-wrap .section-in {
padding: 0 0 0 0;
background: #ffffff;
border: 0px solid #ffffff;
}
.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title {
margin: 0 0 20px;
padding: 0 0 4px 0;
font-weight: normal;
font-size: 1em;
border: none;
color: #0C52A4;
border-bottom: 2px solid #0C52A4;
}
.sub-conts .widget_recent_entries li, .sub-conts .widget_rss li, .sub-conts .widget_archive li, .sub-conts .widget_recent_comments li, .sub-conts .widget_nav_menu li {
text-decoration: none;
font-size: 87%;
list-style: none;
margin-bottom: 1em;
padding-left: 13px;
background: url(http://finaldata.jp/win10guide/wp-content/themes/keni70_wp_cool_navy_201606231224/images/icon/icon-list-arw.png) left 6px no-repeat;
}
.sub-conts .widget_recent_entries li a, .sub-conts .widget_rss li a, .sub-conts .widget_archive li a, .sub-conts .widget_recent_comments li a, .sub-conts .widget_nav_menu li a {
color: #333333;
text-decoration: none;
}
.sub-conts .widget_recent_entries li a:hover, .sub-conts .widget_rss li a:hover, .sub-conts .widget_archive li a:hover, .sub-conts .widget_recent_comments li a:hover, .sub-conts .widget_nav_menu li a:hover {
color: #0C52A4;
text-decoration: underline;
}
.category-list li, .sub-conts .widget_categories li {
list-style: none;
margin-bottom: 1em;
padding-left: 16px;
background: url(http://finaldata.jp/win10guide/wp-content/themes/keni70_wp_cool_navy_201606231224/images/icon/icon-tag.png) left 6px no-repeat;
}
.category-list li a, .sub-conts .widget_categories li a {
color: #333333;
text-decoration: none;
}
.category-list li a:hover, .sub-conts .widget_categories li a:hover {
color: #0C52A4;
text-decoration: underline;
} .col2 .sub-conts {
width: 26%;
}
div.icon01 a {
text-align: center;
text-decoration: none;
margin: 10px 0px;
padding: 6px 10px;
color: #000;
display: block;
position: relative;
font-size: 1.2em;
background: #eeeeee;
border: 2px #cccccc solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
div.icon01 a:hover {
color: #fff;
background: #0C52A4;
}
.section-title h3
{
text-align: center;
text-decoration: none;
margin: 0 0 20px 0px;
padding: 2px 10px;
color: #fff;
display: block;
position: relative;
font-size: 1em;
background: #0C52A4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.sidebar .cat-post-widget ul,
.sidebar .textwidget ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar .textwidget li {
line-height: 120%;
padding: 0px 0px 2px 10px;
margin: 0px 0px 8px 0px;
display: block;
}
.sidebar #menu-category .menu-item {
border-bottom: 1px #e5e5e5 solid;
background: url(http://finaldata.jp/win10guide/wp-content/themes/keni70_wp_cool_navy_201606231224/images/icon/icon-brc.gif) scroll no-repeat left center;
} .footer-nav {
padding: 20px 20px 20px 20px;
background-color: #f4f4f4;
}
.footer-nav ul, .footer-nav ol {
margin-left: 0px;
padding-left: 0;
}
.footer-nav ul{
list-style-type: none;
}
.footer-nav li{
font-size: 90%;
padding: 0;
margin-top: 0;
}
.footer-nav li a{
text-decoration: none;
}
.footer-nav li a:hover{
text-decoration: underline;
} .site-footer {
background-color: #0C52A4;
border-color: #eeeeee;
padding: 12px 15px 20px 30px;
}
.site-footer-nav {
float: right;
padding: 0 0;
}
.site-footer-nav li {
vertical-align: top;
display: inline-block;
margin-right: 15px;
margin-left: 0;
background-image: none;
}
.site-footer-in a {
font-size: 12px;
color: #e8e8e8;
text-decoration:none;
}
.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus
{
color: #fff;
text-decoration: underline;
}
.copyright {
display: none;
}
.site-footer-in p {
color: #eee;
font-size: 12px !important;
} .page-top a{
background-color: #333333;
border-radius: 4px 4px 0 0;
bottom: 0;
color: #FFFFFF;
height: 35px;
position: fixed;
right: 30px;
text-align: center;
width: 48px;
opacity: 0.9;
z-index: 10000;
transition: all 0.2s ease-in-out 0s;
cursor: pointer;
}
.page-top a:before {
line-height: 35px;
font-family: 'CONDENSEicon';
content: 'ü';
font-size: 22px;
}
.page-top a:hover {
background-color: #1163c2;
}
.page-top img {
display: none;
}
.col1 .section-wrap {
padding: 0px 0px;
}
.col1 .main-conts {
margin-bottom: 0px;
}
.section-wrap {
margin-bottom: 0px;
}
.single .article-body, .page .article-body {
margin-bottom: 0px;
} .main-body h2.columntitle {
margin: 20px 0 0px 0;
padding: 0;
background-color: transparent;
color: #333;
font-size: 1.2em;
font-weight: 600;
border-bottom: 0px #f1f1f1 solid;
}
.green_btn a{
width: 100%;
text-align: center;
color: #eeeeee;
font-size:9px;
padding: 4px 10px;
margin:0;
background-color: #017DBD;
text-decoration: none;
} #release {
width: 100%;
height: 14em;
overflow:auto;
color:#111111;
padding-top:10px;
padding-bottom:10px;
}
#release dl {
font-size: 90%;
}
#release dt {
float:left;
padding-bottom:0px;
}
#release dd {
margin-left:120px;
padding-top:0px;
padding-bottom:12px;
}
#release div.releasetitle {
font-weight: 600;
line-height: 150%;
padding-bottom:6px;
}
#release p {
line-height: 140%;
} @media screen and (min-width: 737px){ .container {
position: relative;
width: 100%;
margin: 0 auto;
background-color: #fff;
} .breadcrumbs-in {
font-size: 80%;
margin: 4px 20px  6px 20px !important;
}
.breadcrumbs-in li a {
text-decoration: none;
}
.breadcrumbs-in li a:hover {
color: #0C52A4;
text-decoration: underline;
}
.site-title img {
margin-left: 0px;
}
.global-nav {
background-color: #fafafa;
border-top: 1px #e5e5e5 solid;
border-bottom: 1px #e5e5e5 solid;
padding: 4px 30px;
}
.global-nav-in ul {
border: none;
}
.global-nav-in > ul > li {
display: inline-block;
padding: 0 30px 0 0;
border: none;
}
.global-nav-in > ul > li:last-child {
padding-right: 0;
display:none
}
.global-nav-in li a { background-color: transparent;
min-height: 0;
padding: 4px 0;
color: #333;
font-size: 14px;
}
.global-nav-in li a:hover {
color: #0C52A4;
background-color: transparent;
border-color: #0C52A4;
}
.global-nav-in .sub-menu {
width: 180px;
background-color: #ffffff;
border-top: 2px solid #3e7bff;
font-weight: 400;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.global-nav-in .sub-menu li a {
padding-top: 10px;
padding-bottom: 10px;
color: #333333;
font-weight: 400;
font-size: 12px;
}
.global-nav-in .sub-menu li a:hover {
color: #3e7bff;
background-color: #ffffff;
font-size: 12px;
}
.global-nav-in .sub-menu a {
border: 0;
padding: 7px 20px;
line-height: 19px;
text-indent: 0;
height: auto; }
.global-nav-in .sub-menu li {
float: none;
margin: 0;
padding: 0;
} .global-nav li ul li a {
background-color: #ffffff;
}
.site-header-conts {
padding-top: 0px;
padding-bottom: 10px;
} .site-header-bar1{
height: 18px;
background-color: #ffffff;
font-size: 12px;
line-height: 18px;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px #e5e5e5 solid;
overflow: hidden;
} .site-header-bar1-left{
padding-top: 6px;
float: left;
}
.site-header-bar1-right{
float: right;
}
.site-header-conts {
padding: 0 0 10px 0;
} .site-header-bar1-right a {
color: #eeeeee;
background-color: #3972b5;
padding:6px 12px 6px 12px;
text-decoration:none;
}
.site-header-bar1-right a:focus, .site-header-bar1-right a:active, .site-header-bar1-right a:hover, .site-header-bar1-right a:visited {
color: #ffffff;
}
.site-header-bar1-right ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-header-bar1-right ul li {
border-left: 1px solid #fff;
float: left;
}
.site-header-bar1-right > ul > li:first-child {
border-left: none;
}
.site-header-bar1-right > ul > li > a {
height: 38px;
line-height: 26px;
display: block;
position: relative;
padding: 0 13px;
}  .site-header-bar2{
height: 34px; font-size: 12px;
line-height: 34px;
color: #333333;
padding-top: 8px;
padding-bottom: 12px;
padding-left: 0px;
padding-right: 30px;
overflow: hidden;
} .site-header-bar2-left{
float: left;
}
.site-header-bar2-right{
float: right;
}
.site-header-conts {
padding: 0 0 10px 0;
} .site-header-bar2-right ul {
margin: 0;
padding: 0;
list-style: none;
}
.site-header-bar2-right ul li {
border-left: 1px solid #fff;
float: left;
}
.site-header-bar2-right > ul > li:first-child {
border-left: none;
}
.site-header-bar2-right > ul > li > a {
height: 38px;
line-height: 26px;
display: block;
position: relative;
padding: 0 13px;
}  .main-body {
padding: 0px 0px;
margin-top: 0px;
} .col2 .main-conts {
width: calc(100% - 26% - 40px);
}
.main-body-in {
padding-top: 0px;
}
.main-image {
z-index: 100;
position: relative;
border-bottom: #edf3fb solid 2em;
border-top: #181944 solid 3px;
border: none;
margin-bottom: -3px;
margin-top: -3px;
background: #edf3fb;
}
.icon-gn-menu {
display: none;
}
.mobilehead{
display: none;
}
.toplist{
display: none;
}
}  @media screen and (min-width: 737px) and (max-width: 875px){
.site-header-bar2{padding:10px!important;;float:none;height:auto !important}
.site-header-bar2-left,
.global-nav{text-align:center;width:100% !important;float:none !important}
.global-nav-in ul{width:100%;display:block;float:none !important}
}
@media screen and (max-width: 736px){
.site-header-bar{
color: #333333;
padding-top: 40px;
padding-bottom: 14px;
padding-left: 30px;
padding-right: 30px;
overflow: hidden;
}
.site-header-bar-right{
padding-top: 14px;
} .global-nav-panel {
background: #f2f2f2;
color: #111;
}
.breadcrumbs-in {
display: none;
}
.main-body {
padding: 0 4%;
margin: 0;
}
.main-body-in {
padding-top: 0px;
}
.col2 .main-conts {
width: auto;
}
.site-header-conts {
padding-top: 0px;
}
.global-nav-panel {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
background: #0C52A4;
color: #fff;
cursor: pointer;
}
.site-header-bar{
color: #333333;
padding-top: 40px;
padding-bottom: 14px;
padding-left: 30px;
padding-right: 30px;
overflow: hidden;
}
.site-header-bar-right{
padding-top: 14px;
} .global-nav-panel {
background: #f2f2f2;
color: #111;
}
.icon-gn-menu {
background: url(http://fss.jp/wp-content/uploads/black-icon-gn-menu.png) left center no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
.site-title {
padding:0px 15px 0;
}
.site-header-bar2 {
height: 110px;
background-color: #ffffff;
font-size: 24px;
line-height: 34px;
color: #111111;
padding-top: 14px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 30px;
overflow: hidden;
}
.site-header-bar1-right{
display: none;
}
.main-body{
background-color: #f1f1f1;
}
.main-body-in{
background-color: #f1f1f1;
}
.main-image {
border-bottom: #ffffff solid 0em;
border-top: #ffffff solid 0px;
background: #ffffff;
}
h2.columntitle {
margin: 20px 0 10px 0;
text-align: center;
}
.main-body p {
margin: 0;
padding: 0px 0 0px 0;
}
.mobilehead{
font-size: 16px;
line-height: 120%;
text-align: center;
}
.site-header-bar2-right{
float: none;
text-align: center;
}
.topimg{
display:none;
}
.global-nav ul {
display: none;
position: absolute;
top: 45px;
left: 5px;
z-index: 50;
width: 80%;
border: 0; background-color: #147eba;
}
.global-nav-in li {
display: list-item;
width: auto;
border-right: 0;
border-top: 1px solid #eee;
text-align: left;
}
.global-nav-in li a:hover {
background-color: #0066a0;
}
} .section-wrap {
border: none;
}
.main-conts .section-wrap {
padding: 0px;
}
.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title {
margin: 0 0 10px !important;
padding: 10px 0 0px 0 !important;
font-weight: normal;
font-size: 1em;
border: none;
color: #0C52A4;
border-bottom: 2px solid #0C52A4;
} .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.main-conts .article-body h2 {
color: #333333;
font-size: 24px;
}
.breadcrumbs {
display: none;
}
.main-body h3 {
margin: 30px 0 15px;
padding: 0;
font-weight: 400;
font-size: 18px;
border-bottom: none;
background: none;
}
.main-body h4 {
margin: 0;
}
.col1 .section-wrap {
width: 100%;
}
.cont-box {
max-width: 1060px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.sub-conts .section-wrap .section-in .section-title {
margin: 0 0 13px !important;
padding: 10px 0 0px 0 !important;
font-size: 16px;
border: none !important;
color: #333;
font-weight: bold;
}
.sidebar .textwidget li {
padding: 0px 0px 5px 0px;
margin: 0px 0px 8px 0px;
display: block;
font-size: 14px;
}
.sub-menu-video {
margin-bottom: 5px;
}
.sub-menu-video li a {
color: #555;
line-height: 140%;
}
.aos_side li {
border-bottom: 1px solid #e0dede;
}
.fa-angle-right {
padding-right: 6px;
color: #666;
}
.main-body h4 {
border-left: none;
}
.main-body h4:before {
left: 0px;
width: 0px;
height: 0%;
}
.row {
margin-right: -5px !important;
margin-left: -5px !important;
}
#business_menu {  
margin: -9px 0 30px;
border-bottom: 1px solid #e1e1e1;
}
#business_menu ul {
float: right;
margin-left: 0px;
}
#business_menu li {
float: left;
list-style: none;
padding-left: 30px;
font-size: 14px;
font-weight: 600;
} #business .m0-t{
margin-top: 0px;  
}
#business .p10-l{
padding-left: 10px !important;  
}
#business_menu h2 {
margin: 0;
font-weight: 600;
font-size: 25px;
}
#business_menu .btn {
padding: 8px 10px;
border-radius: 1px;
}
#business_menu .btn-primary.active {
background-color: #256db5;
border-color: #1f61ce;
} #footer ul{margin-left:0;list-style-type: none; float: left}
#footer .col-sm-3 {padding-left: 5px;padding-right: 5px}
@media screen and (min-width: 737px) {
.container-full {
width: 100% !important;
padding: 0 !important;
margin: 0!important;
}
.site-header {
border: 1px solid #e5e5e5;
margin-bottom: 0;
}
.site-header-bar1 {
height: 42px;
padding-top: 0px;
padding-left: 0;
padding-right: 0;
background-color: #0C52A4;
}    
.site-header-bar2 {
height: 100px;
overflow: visible;
padding-right: 0;
}
.site-header-bar2-left {
width: 23%;
}
.global-nav { width: 77%;
padding: 0;
background: none;
border: none;
}
.global-nav-in{
width: 98%;
max-width: 1030px;
}
.global-nav-in ul {
float: right;
padding-right: 5px;
}
.global-nav-in li {
display: block;
text-align: left;
}
.global-nav-in li a {
font-size: 14px;
}
.global-nav-in > ul > li {
padding: 25px 0 25px 28px;
}
.site-header-bar2-right > ul > li > a {
padding: 5px 15px;
}
.main-body {
margin-top: 30px;
margin-bottom: 40px;
}
.main-body-in {
width: 1030px;
max-width: 100%;
margin-top: 30px;
margin-bottom: 50px;
}
.site-title {
padding-top: 6px;
}
.site-header-in {
max-width: 1030px;
}
.site-foter {
padding:12px 0px 20px 0px;
}
.site-footer-in {
max-width: 1030px;
}
.col2 .main-conts {
width: 67%;
}
.col2 .sub-conts {
padding-left: 35px;
width: 28%;
border-left: 1px solid #e1e1e1;
}
.site-header-bar1-right {
padding-top: 12px;
font-size: 11px;
}
.site-header-bar1-right a {
background: none;
padding: 6px 12px 6px 12px;
border-right: 1px solid #eee;
}
.site-header-bar1-right a:hover {
background: none;
text-decoration: none;
}
.menu-item-19 {
margin-top: -1px;
border-bottom: 1px dotted #c9c9c9;
}
}
@media screen and (max-width: 910px) and (min-width: 737px) {
.site-header-bar2-left {
width: 23%;
}
.global-nav {
width: 77%;
}
.global-nav-in {
width: 99%;
}
.site-header-bar2 a {
font-size: 13px !important;
letter-spacing: -1px;
}    
.global-nav-in > ul > li {
padding-left: 15px;
}
}
@media screen and (max-width: 736px) {
.main-body {
margin-bottom: 25px;
padding: 0 !important;
background-color: #fff !important;
}
.main-body, .main-body-in {
background-color: #fff;
}
.main-conts {
margin: 15px 0;
}
.section-wrap .section-in {
padding-left: 0px;
padding-right: 0px;
}
.global-nav-in li a {
padding: 5px 15px;
color: #fff;
font-size: 14px;
}
.global-nav li ul li a {
padding: 0 15px 3px;
font-size: 13px;
}
.global-nav-in li ul {
margin-left: 10px;
}
.site-header-bar2 {
height: 110px;
padding-top: 5px;
padding-right: 0px;
border-bottom: 1px solid #eee;
}
.site-header-bar2 a {
letter-spacing: 1px;
color: #0d4baa;
} .site-title {
padding: 0px 80px;
}
.mobilehead a {
padding: 10px 12px;
}
.mobilehead ul {
margin: 0 auto;
}
.col2 .sub-conts {
width: 100%;
}
.cont-box {
padding-left: 10px;
padding-right: 10px;
}
.m40-t {
margin-top: 30px !important;
}
.m30-t {
margin-top: 22px !important;
}
.site-footer-nav li, .site-footer-nav li:first-child {
margin-left: 0px;
margin-top: 0px;
}
#business_menu {
margin: -20px 0 30px;
}
#business_menu ul {
float: left;
}
#business_menu li {
float: left;
padding: 5px 27px 7px 0;
}
#business_menu .btn {
padding: 6px 10px;
}
#business_menu .p0-r{
padding-right: 0px !important;
}
.icon-gn-close{ padding-left: 32px;background: url(//www.aosbox.com/wp-content/uploads/black-icon-gn-close.png) left center no-repeat}
}
@media screen and (max-width: 600px){
#wpadminbar {
position: fixed;
}
}
@media (min-width: 576px){
.container {
max-width: 100%;
}
}
.main-image{margin-top:0;margin-bottom:0}
 html{
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body{
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
display: block;
}
audio,
canvas,
progress,
video{
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]){
display: none;
height: 0;
}
[hidden],
template{
display: none;
}
a{
background-color: transparent;
}
a:active,
a:hover{
outline: 0;
}
a:active img,
a:hover img{
opacity: 0.7;
}
abbr[title]{
border-bottom: 1px dotted;
}
b,
strong{
font-weight: bold;
}
dfn{
font-style: italic;
}
h1{
margin: 0.67em 0;
font-size: 2em;
}
mark{
background: #ff0;
color: #000;
}
small{
font-size: 80%;
}
sub,
sup{
vertical-align: baseline;
line-height: 0;
position: relative;
font-size: 75%;
}
sup{
top: -0.5em;
}
sub{
bottom: -0.25em;
}
img{
border: 0;
}
svg:not(:root){
overflow: hidden;
}
figure{
margin: 1em 40px;
}
hr{
height: 0;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre{
overflow: auto;
}
code,
kbd,
pre,
samp{
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea{
margin: 0;
color: inherit;
font: inherit;
}
button{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
html input[disabled]{
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
padding: 0;
border: 0;
}
input{
line-height: normal;
}
input[type="checkbox"],
input[type="radio"]{
padding: 0;
box-sizing: border-box;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
height: auto;
}
input[type="search"]{
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
-webkit-appearance: none;
}
fieldset{
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
border: 1px solid #c0c0c0;
}
legend{
padding: 0;
border: 0;
}
textarea{
overflow: auto;
}
optgroup{
font-weight: bold;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
td,
th{
padding: 0;
} html{
overflow-y: scroll;
}
body{
font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
background:#f6f9f9;
color:#485859;
}
a{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #485859;
}
a:hover,
a:active,
a:focus{
color: #819293;
}
address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
font-style: normal;
font-weight: normal;
}
q{
quotes: none;
}
q:before,q:after{
content: '';
content: none;
}
img{
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
div{
word-wrap: break-word;
}
pre{
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
form{
margin: 0;
}
button,
input,
select,
textarea,
optgroup,
option{
vertical-align: baseline;
}
textarea{
min-height: 100px;
vertical-align: top;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
margin: 0;
}
table{
width: 100%;
word-break: break-all;
word-wrap: break-word;
border-spacing: 0;
}
caption{
text-align: left;
}
img{
height: auto;
max-width: 100%;
}
img{
max-width: none\9; }
html:not(:target) img{
max-width: 100%; }
p{
margin: 0 0 1em;
}
ul,
ol{
margin-left: 40px;
padding-left: 0;
}
li{
margin-top: 0.5em;
} blockquote{
position: relative;
margin: 2em 0;
padding: 115px 45px 80px;
background: #fff;
}
blockquote p:last-child{
margin-bottom: 0;
}
blockquote:before{
position: absolute;
top: 40px;
left: 30px;
width: 58px;
height: 45px;
content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-laquo.png);
}
blockquote:after{
position: absolute;
right: 30px;
bottom: 20px;
width: 58px;
height: 45px;
content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-raquo.png);
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
blockquote:before{
display: inline-block;
width: 58px;
height: 45px;
vertical-align: middle;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-laquo@2x.png);
-webkit-background-size: 58px 45px;
background-size: 58px 45px;
content: " ";
}
blockquote:after{
display: inline-block;
width: 58px;
height: 45px;
vertical-align: middle;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-raquo@2x.png);
-webkit-background-size: 58px 45px;
background-size: 58px 45px;
content: " ";
}
}
blockquote a{
color: #738687;
}
blockquote a:hover,
blockquote a:active,
blockquote a:focus{
color: #b1c2c3;
}
q{
background: #dde1e1;
}
table{
width: 100%;
margin: 1em 0;
padding: 0;
border-top: 1px solid #dde1e1;
border-left: 1px solid #dde1e1;
}
th,
td{
padding: 1.25em 1em;
border-right: 1px solid #dde1e1;
border-bottom: 1px solid #dde1e1;
}
th{
background-color: #d1d9d9;
font-weight: bold;
text-align: left;
}
thead th{
background: #485859;
color: #fff;
text-align: center;
}
dd{
margin-left: 0;
padding-left: 1em;
}
figure{
margin: 1em 0;
} .container{
position: relative;
}
.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1200px; margin: auto;
}
.main-image-in img{
width: 100%;
}
.main-image-in.wide,
.main-image-in-text.wide{
width: 100%;
} .col1 .main-body-in{
width: 100%;
}
.col1 .breadcrumbs{
width: 1200px;
margin-right: auto;
margin-left: auto;
} .col2 .main-conts{
float: left;
width: 65%;
}
.col2 .sub-conts{
float: right;
width: 30%;
} .col2r .main-conts{
float: right;
width: 65%;
}
.col2r .sub-conts{
float: left;
width: 30%;
} .site-header{
background:#fff;
margin-bottom:-3px;
}
.site-header:after{
content:'';
display:block;
height:3px;
width:100%;
background:#0C52A4;
}
.site-header-conts{
width: 100%;
padding: 60px 0 40px;
}
.site-header-in{
position:relative;
} .site-title{
text-align:center;
margin: 0 auto;
font-size: 2.25em;
}
.site-title a{
color: #485859;
text-decoration: none;
}
.site-title a:hover,
.site-title a:active,
.site-title a:focus{
text-decoration: underline;
}
.normal-screen .site-title{
font-size: 3em;
}
.normal-screen .lp-catch{
font-size: 1.5em;
} .header-box{
text-align: right;
position:absolute;
right:0;
top:20px;
} .full-screen{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/lp-image.jpg) center center no-repeat;
-webkit-background-size: cover;
background-size: cover;
color: #fff;
}
.full-screen .site-header-in{
display: table;
}
.full-screen .site-header-conts{
display: table-cell;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
width: 100%;
padding: 1em;
text-align: center;
vertical-align: middle;
text-shadow: 1px 1px 8px #485859;
}
.full-screen .site-title{
display: block;
text-align:center;
}
.contact-btn{
margin-bottom: 0;
}
.full-screen .site-header-conts h1{
width: auto;
margin: 0;
}
.full-screen .site-header-conts p{
font-size: 2em;
}
.full-screen .site-header-conts p a{
color: #fff;
text-decoration: none;
} .global-nav{
padding: 0;
background:#fff; margin-bottom:-3px;
z-index: 200;
position: relative;
} .global-nav-panel{
display: none;
font-size: 12px;
}
.global-nav-panel span{
display: block;
min-height: 20px;
line-height: 20px;
}
.icon-gn-menu{
padding-left: 32px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-gn-menu.png) left center no-repeat;
}
.icon-gn-close{
padding-left: 32px;
background: url(//www.aosbox.com/wp-content/uploads/black-icon-gn-close.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-gn-menu{
background: url(//www.aosbox.com/wp-content/uploads/black-icon-gn-close2x.png) left center no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
.icon-gn-close{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/black-icon-gn-close@2x.png) left center no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
}
.global-nav .show-menu,
.global-nav .show-menu li ul{
display: block!important;
}
.global-nav-in ul{
display: table; margin: 0;
padding: 0;
table-layout: fixed; }
.global-nav-in li{
display: table-cell;
list-style: none;
position: relative;
vertical-align: middle;
margin: 0;
text-align: center;
}
.global-nav-in li a{
display: block;
min-height: 1.5em; padding: 1em; color: #485859;
text-decoration: none;
} .global-nav-in li ul{
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 10;
width: 100%;
border-left: 0;
} .global-nav li ul li{
display: list-item;
width: 100%;
margin: 0;
padding: 0;
border-top: 0;
border-right: 0;
white-space: normal;
}
.global-nav li ul li a{
display: block;
padding: 0.8em 2em; color:#fff;
}
.global-nav-in li ul ul{
top: 0;
left: 100%;
} .main-image{
z-index: 100;
position: relative; border-top:#0C52A4 solid 3px;
margin-bottom:-3px;  }
.main-image-in-text{
background-repeat: no-repeat;
background-size: cover;
}
.main-image-in-text-cont{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3em;
}
.main-image-in-text.wide .main-image-in-text-cont{
width: 1200px;
}
.main-image-in-text p:last-child{
margin-bottom: 0;
}
.main-copy{
margin-bottom: 20px;
font-size: 3em;
text-align: center;
}
.sub-copy{
font-size: 1.5em;
text-align: center;
} .main-body{
padding-bottom: 30px;
}
.no-gn .main-body{
margin-top: 0;
}
.lp.no-gn .main-body{
margin-top: 2em;
}
.main-body-in{
padding-top:30px;
}
.lp .main-body{
border-top:#485859 solid 3px;
}
.lp .site-header{
border-bottom:none;
} .breadcrumbs-in{
margin:0 0 1.5em;
color: #485859;
}
.no-gn .breadcrumbs-in{
margin-top: 0;
}
.breadcrumbs-in a{
color: #485859;
}
.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{
color: #819293;
}
.breadcrumbs-in li{
display: inline-block;
list-style: none;
position: relative;
margin-right: 5px;
padding-right: 18px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-brc.gif) right center no-repeat;
}
.breadcrumbs-in li:before{
content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-folder-brc.png);
}
.breadcrumbs-in li.bcl-first:before{
content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-home-brc.png);
}
.breadcrumbs-in li.bcl-last{
background: none;
}
.breadcrumbs-in li.bcl-last:before{
content: none;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.breadcrumbs-in li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-brc@2x.gif) right center no-repeat;
-webkit-background-size: 5px 9px;
background-size: 5px 9px;
}
.breadcrumbs-in li:before{
width: 12px;
height: 12px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-folder-brc@2x.png);
}
.breadcrumbs-in li.bcl-first:before{
width: 12px;
height: 12px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-home-brc@2x.png);
}
.breadcrumbs-in li:before,
.breadcrumbs-in li.bcl-first:before{
display: inline-block;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
.breadcrumbs-in li.bcl-last:before{
width: 0;
height: 0;
background: none;
content: none;
}
} .main-conts{
line-height: 1.8;
}
.col1 .main-conts{
margin-bottom: 40px;
} .section-wrap{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 60px;
}
.section-wrap.wide{
border-right: 0;
border-left: 0;
}
.section-wrap .section-in,
.float-area{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.float-area{
margin-bottom: 10px;
}
.swiper-container {
width: 1200px!important;
} .col1 .section-wrap,
.col1 .float-area{ width: 100%;	
margin-right: auto;
margin-left: auto;
}
.col1 .section-wrap{
padding: 0px 0px;
}
.col1 .section-wrap.wide{
width: 100%;
padding: 40px 0;
background:#dde1e1;
}
.col1 .section-wrap.wide .section-in{
width: 1200px;
margin-right: auto;
margin-left: auto;
padding: 30px 0;
} .sub-conts .section-wrap{
margin: 0 auto 20px;
padding: 0;
border: none;
}
.sub-conts .section-wrap .section-in{
padding:0 20px 20px;
background: #ecf0f0;
border: 1px solid #ecf0f0;
}
.col1 .sub-conts .section-wrap .section-in{
padding: 0 80px 30px;
} .sub-conts .link-menu{
margin-left: 18px;
padding-left: 0;
}
.sub-conts .link-menu li{
list-style: none;
margin-bottom: 1em;
padding-left: 12px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-list-arw.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.sub-conts .link-menu li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-list-arw@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.sub-conts .link-menu ul{
margin-top: 1em;
margin-left: 10px;
padding-left: 0;
}
.sub-conts .link-menu-image{
margin-right: 0;
margin-left: 0;
}
.sub-conts .link-menu-image li{
list-style: none;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.sub-conts .link-menu-image li:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;	
}
.link-menu-image-thumb{
float: left;
margin-right: 1em;
}
.sub-conts .link-menu-image .post-title{
overflow: hidden;
margin-bottom: 0;
padding: 5px 0;
border: none;
background: none;
font-weight: normal;
} .site-footer{
background: #0C52A4;
color: #fff;
}
.site-footer-in a{
color: #fff;
}
.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{
color: #819293;
} .site-footer-nav{
margin: 0 auto;
padding: 1em 0;
text-align: center;
}
.site-footer-nav li{
display: inline;
list-style: none;
margin-left: 50px;
padding: 0 0 0 13px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-next02.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.site-footer-nav li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-next02@2x.png) left center no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.site-footer-nav li:first-child{
margin-left: 0;
} .copyright{
margin: 0;
padding: 15px 0;
background: #485859;
color: #eee;
text-align: center;
}
.copyright small{
font-size: 100%;
} .page-top{
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 99;
line-height: 1.2;
margin-bottom: 0;
} .section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
margin-top: 0;
}
.main-body h1{
margin: 60px 0 20px;
padding: 10px 18px;
color: #485859;
font-size: 1.75em;
}
.main-body h2{
margin: 60px 0 30px;
padding: 3px 18px;  font-size: 1.75em;
}
.main-body h3{
margin: 60px 0 30px;
padding: 5px 15px;
font-weight: bold;
font-size: 1.5em;
position: relative;  }
.main-body .sub-conts h3 {
padding-top:20px;
}
.main-body h4{ font-weight: bold;
font-size: 1.25em;
position: relative;
padding: .1em 0 .2em .75em; } .main-body h5{
margin: 55px 0 25px;
padding: 0 0 0 9px;
border-left: 6px solid #dde1e1;
font-weight: bold;
font-size: 1.2em;
}
.main-body h6{
margin: 55px 0 25px;
font-weight: bold;
font-size: 1.125em;
} .main-body .img-title{
padding: 0;
border: none;
background: none;
border-radius: 0;
box-shadow: none;
font-weight: normal;
font-size: 1.0em;
} .main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus{
color: #819293;
} .main-body .archive-title{
margin: 0 0 30px;
}
.col1 .main-body .archive-title{
max-width: 1200px;
margin-right: auto;
margin-left: auto;
} .section-wrap .section-title{
line-height: 1.5;
margin: 0 0 1em;
border: none;
background: transparent;
color: #485859;
font-size: 2.125em;
border-top: 3px solid #485859;
border-bottom: 1px solid #dde1e1;
padding:20px 0;
position: relative;
}
html.col1 .section-wrap .section-title{
line-height: 1.5;
margin: 0 -80px 1em;
border: none;
background: transparent;
color: #485859;
font-size: 2.125em;
border-top: 3px solid #485859;
border-bottom: 1px solid #dde1e1;
padding:20px 80px;
position: relative;
}
.main-body .section-title a{
color: #485859;
text-decoration: none;
}
.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
color: #819293;
text-decoration: underline;
}
.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
margin: 0 0 20px;
padding: 12px 0;
font-weight: normal;
font-size: 1em;
border:none;
color:#485859;
border-bottom: 3px solid #485859;
}
.sub-conts .section-wrap .section-in .section-title:after,
.sub-conts .section-wrap .article-header .section-title:after{
content:none;
}  .news .news-date{
color:#728080;
margin-right: 1em;
}
.news-item{
padding:15px 15px 0.1px;
background: #fff;
margin-bottom:1em;
}
.news .news-thumb{
float: left;
margin:0 15px 15px 0;
}
.news-item .news-thumb a{
display:block;
}
.main-body .news-title{
margin: 0 0 12px ;
padding: 0;
border: none;
background: none;
font-weight: normal;
font-size: 1.1em;
line-height:1.5em;
}
.main-body .news-title:after{
content:none;
}
.news .news-date,
.news .news-cat{
display: inline-block;
}
.cat{
display: inline-block;
margin-right: 2px;
margin-bottom: 5px;
padding: 0.1em 0.5em;
border-bottom: none;
color: #fff;
font-size: 0.75em;
word-break: break-all;
}
.cat a{
display: inline-block;
margin: -0.1em -1px;
padding: 0.1em 0.5em;
color: #fff;
text-decoration: none;
}
.cat001{ background: #3E768A; }
.cat002{ background: #947863; }
.cat003{ background: #3E8A6A; }
.cat004{ background: #705D88; }
.cat005{ background: #606C7A; }
.news .news-cont{
line-height:1.4em;
margin:0 0 0.5em;
} .dl-style01 dt,
.dl-style01 dd{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
.dl-style01 dt{
display: block;
float: left;
width: 35%;
}
.dl-style01 dd{
padding-left: 35%;
border-bottom: 1px solid #dde1e1;
} .dl-style02 dt,
.dl-style02 dd{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
.dl-style02{
border-bottom:1px solid #728080;
}
.dl-style02 dt{
display: block;
color: #485859;
border-top:1px solid #728080;
}
.dl-style02 dd{
background: #fff;
} .table-scroll{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-comparison{
margin: 3em 0;
border-top: 0;
}
.table-comparison th,
.table-comparison td{
padding: 10px;
text-align: center;
}
.table-comparison thead .highlight span{
display: block;
margin: -11px;
margin-top: -25px;
padding: 11px;
padding-top: 25px;
}
.table-comparison th.highlight,
.table-comparison th.highlight span{
background: #FF824B;
}
.table-comparison tfoot td,
.table-comparison tfoot td span{
background: #f2f2f2;
} .category-list,
.sub-conts .widget_categories ul{
margin-left: 0;
padding-left: 0;
}
.category-list li,
.sub-conts .widget_categories li{
list-style: none;
margin-bottom: 1em;
padding-left: 15px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-tag.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.category-list li,
.sub-conts .widget_categories li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-tag@2x.png) left 6px no-repeat;
-webkit-background-size: 12px 12px;
background-size: 12px 12px;
}
}
.category-list ul,
.sub-conts .widget_categories ul ul{
margin-top: 1em;
margin-left: 10px;
padding-left: 0;
} .tagcloud a{
margin-right: 10px;
padding-left: 15px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-tag.png) left bottom no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.tagcloud a{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-tag@2x.png) left bottom no-repeat;
-webkit-background-size: 12px 12px;
background-size: 12px 12px;
}
} .calendar{
background: #fff;
font-size: 0.875em;
}
.calendar caption{
font-weight: bold;
}
.calendar th,
.calendar td{
padding: 10px 0;
text-align: center;
}
.calendar tfoot td{
padding: 10px;
border-right-width: 0;
text-align: left;
}
.calendar tfoot td:last-child{
border-right-width: 1px;
text-align: right;
}
.calendar td a{
display: block;
margin: -10px 0;
padding: 10px 0;
} .col4-wrap,
.col3-wrap,
.col2-wrap{
margin: 0 0 1em;
}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2%;
}
.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
margin-left: 0;
}
.col4-wrap .col{
width: 23.5%;
}
.col4-wrap .col_2of4{
width: 49%;
}
.col4-wrap .col_3of4{
width: 74.5%;
}
.col3-wrap .col{
width: 32%;
}
.col3-wrap .col_2of3{
width: 66%;
}
.col2-wrap .col{
width: 49%;
}
.col-link{
border: 1px solid #dde1e1;
}
.col-link a{
display: block;
color: #485859;
text-decoration: none;
}
.col-link a:hover,
.col-link a:active,
.col-link a:focus{
background: #eee;
} .banner-list{
margin:20px 0 0;
}
.banner-list li{
list-style: none;
border:#dde1e1 solid 1px;
box-sizing:border-box;
}
.col1 .banner-list{
text-align: center;
}
.col1 .banner-list li,
.main-conts .banner-list li{
display: inline-block;
margin-bottom: 1em;
margin-left: 1em;
}
.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{
margin-left: 0;
} .link-ref{
text-align: right;
} embed, iframe, object, video{
max-width: 100%;
} .btn{
display: inline-block;
padding: .3em 3em;
border: 0 ;
color: #485859;
text-decoration: none;
border:3px solid #485859;
background:none;
}
.btn-area .btn {
display: block;
margin-right: auto;
margin-left: auto;
}
.btn:hover,
.btn:active,
.btn:focus{
color:#fff;
cursor: pointer;
}
.btn span{
position:relative;
padding-left:20px;
}
.btn span:after{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn span:after{
display: block;
content: '';
position: absolute;
top: .4em;
left: -1em;
width: 8px;
height: 8px;
border-right: 2px solid #485859;
border-bottom: 2px solid #485859;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.btn:hover span:after{ left:-.5em; border-color:#fff; }
.btn-green{
border:3px solid #1EC69B;
font-size: 1.25em;
color:#1EC69B;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{
background: #1EC69B;
cursor: pointer;
color:#fff;
}
.btn-blue{
border:3px solid #1A76BD;
font-size: 1.25em;
color:#1A76BD;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{
background: #1A76BD;
cursor: pointer;
color:#fff;
}
.btn-orange{
border:3px solid #E3602D;
font-size: 1.25em;
color:#E3602D;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{
background: #E3602D;
cursor: pointer;
color:#fff;
}
.btn-red{
border:3px solid #D74648;
font-size: 1.25em;
color:#D74648;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus{
background: #D74648;
cursor: pointer;
color:#fff;
}
.btn-green span:after{ border-color:#1EC69B; }
.btn-blue span:after{ border-color:#1A76BD; }
.btn-orange span:after{ border-color:#E3602D; }
.btn-red span:after{ border-color:#D74648; }
.btn-form01{
padding: .5em 3em;
border:3px solid #485859;
font-size: 1.25em;
}
.btn-form02{
padding: .5em 1em;
border:3px solid #bbb;
font-size: 1.25em;
color:#bbb;
}
.btn-form02 span:after{
left: -.2em;
border-color: #bbb ;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.btn-form01:hover,
.btn-form01:active,
.btn-form01:focus{
border:3px solid #485859;
background:#485859;
}
.btn-form02:hover,
.btn-form02:active,
.btn-form02:focus{
border:3px solid #999;
background:#999;
}
input[type="email"]{
padding:.9em;
}
.btn-mail{
padding:.5em 3.3em .5em 1.3em;
border:3px solid #485859;
text-align:left;
}
.btn-mail:hover,
.btn-mail:active,
.btn-mail:focus{
border:3px solid #485859;
background:#485859;
}
.btn-mail span{
padding-left: 0;
}
.btn-mail span:after{ right:-2em; left:auto; top: .3em; }
.btn-mail:hover span:after{ right:-2.5em; left:auto; }
.btn-detail{
padding:.5em 3.3em .5em 1.3em;
border:3px solid #728080;
margin-top:1em;
}
.btn-detail:hover,
.btn-detail:active,
.btn-detail:focus{
border:3px solid #485859;
background:#485859;
}
.btn-detail span{
padding-left: 0;
}
.btn-detail span:after{ right:-1.5em; left:auto; top: .3em; }
.btn-detail:hover span:after{ right:-2em; left:auto; } .search-box{
margin:20px auto 0;
text-align:center;
}
.search-box input[type="text"]{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 80%;
height: 30px;
padding-right: 4px;
padding-left: 4px;
border: none;
background:#dde1e1;
border-radius: 0;
color:#485859;
}
.btn-search{
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 30px;
vertical-align: top;
padding: 5px;
border: 0;
background: #dde1e1;
border-radius: 0;
cursor: pointer;
}
.btn-search img{
width: 21px;
height: 20px;
vertical-align: top;
} .sns-list ul{
margin: 0 0 1em;
padding: 0;
}
.sns-list li{
display: inline-block;
vertical-align: top;
line-height: 1.0;
margin-left: 1em;
}
.sns-list li iframe{
max-width: none;
margin: 0;
}
.sns-list li:first-child{
margin-left: 0;
} .eye-catch{
float: right;
margin-top: 0;
margin-left: 1em;
}
.post-date{
margin-right: 1em;
} .cast-box{
padding: 30px 20px;
background:#fff;
}
.cast-box .cast{
position: relative;
min-height: 100px;
margin-top: 0;
padding-left: 115px;
}
.cast-box .cast-name{
font-weight: bold;
font-size: 1.25em;
}
.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{
margin-left: 0;
margin-bottom: 40px;
padding-left: 0;
}
.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{
margin-bottom: 0;
}
.cast-box .cast .cast-headshot{
position: absolute;
top: 0;
left: 0;
} .cast-box02 .cast{
position: relative;
margin-bottom: 40px;
padding-top: 210px;
}
.cast-box02 .cast:last-child{
margin-bottom:0;
}
.cast-box02 .cast dd{
padding-left: 0;
}
.cast-box02 .cast-name{
font-weight: bold;
}
.cast-box02 .cast .cast-headshot{
position: absolute;
top: 0;
width: 100%;
text-align: center;
}
.col1 .cast-box02 .cast{
min-height: 210px;
padding-top: 0;
}
.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
padding-left: 210px;
}
.col1 .cast-box02 .cast .cast-headshot{
width: auto;
} .chat-l,
.chat-r{
position: relative;
overflow: hidden;
margin: 0 0 2em;
}
.bubble{
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 80%;
min-height: 60px;
margin-bottom: 2em;
padding: 1em;
border: 1px solid #dde1e1;
background: #fff;
}
.bubble .bubble-in{
border-color: #fff;
}
.talker{
display: block;
width: 15%;
height: auto;
text-align: center;
}
.talker b{
font-weight: normal;
}
.talker img{
display: block;
width: 100px;
max-width: 100%;
max-width: none\9; margin: auto;
}
html:not(:target) .talker img{
max-width: 100%; }
.chat-l .talker{
float: left;
margin-right: 2%;
}
.chat-r .talker{
float: right;
margin-left: 2%;
}
.chat-l .bubble{
float: right;
}
.chat-r .bubble{
float: left;
}
.bubble .bubble-in:after,
.bubble .bubble-in:before{
position: absolute;
top: 50%;
width: 0;
height: 0;
border: solid transparent;
content: "";
} .bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }
.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
right: 100%;
}
.chat-r .bubble div:after,
.chat-r .bubble div:before{
left: 100%;
}
.chat-l .bubble .bubble-in:after{
margin-top: -8px;
border-width: 8px 20px;
border-color: transparent;
border-right-color: inherit;
}
.chat-l .bubble .bubble-in:before{
margin-top: -9px;
border-width: 9px 21px;
border-color: transparent;
border-right-color: #dde1e1;
}
.chat-r .bubble .bubble-in:after{
margin-top: -8px;
border-width: 8px 20px;
border-color: transparent;
border-left-color: inherit;
}
.chat-r .bubble .bubble-in:before{
margin-top: -9px;
border-width: 9px 21px;
border-color: transparent;
border-left-color: #dde1e1;
}
.bubble p:first-child{
margin-top: 0;
} .together .talker,
.together .bubble{
width: 100%;
}
.together .talker b{
display: inline-block;
text-align: center;
}
.together.chat-l .talker,
.together.chat-r .talker{
float: none;
margin: 0 0 20px;
}
.together.chat-l .talker{
text-align: left;
}
.together.chat-r .talker{
text-align: right;
}
.together.chat-l .bubble,
.together.chat-r .bubble{
float: none;
}
.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
top: auto;
bottom: 100%;
}
.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
right: auto;
left: 10%;
}
.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
right: 10%;
left: auto;
}
.together.chat-l .bubble .bubble-in:after{
margin-top: -20px;
margin-left: -8px;
border-width: 20px 8px;
border-color: transparent;
border-bottom-color: inherit;
}
.together.chat-l .bubble .bubble-in:before{
margin-top: -21px;
margin-left: -9px;
border-width: 21px 9px;
border-color: transparent;
border-bottom-color: #dde1e1;
}
.together.chat-r .bubble .bubble-in:after{
border-width: 20px 8px;
margin-top: -20px;
margin-right: -8px;
border-color: transparent;
border-bottom-color: inherit;
}
.together.chat-r .bubble .bubble-in:before{
margin-top: -21px;
margin-right: -9px;
border-width: 21px 9px;
border-color: transparent;
border-bottom-color: #dde1e1;
}
.bubble-in p:last-child{
margin-bottom: 0;
} .bubble-blue{
border: none;
background: #398DD7;
color:#fff;
}
.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before{
border-right-color: #398DD7;
}
.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before{
border-left-color: #398DD7;
}
.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before{
border-bottom-color: #398DD7;
} .bubble-green{
border: none;
background: #38D1B0;
color:#fff;
}
.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before{
border-right-color: #38D1B0;
}
.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before{
border-left-color: #38D1B0;
}
.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before{
border-bottom-color: #38D1B0;
} .bubble-yellow{
border: none;
background: #DCD503;
color:#fff;
}
.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before{
border-right-color: #DCD503;
}
.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before{
border-left-color: #DCD503;
}
.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before{
border-bottom-color: #DCD503;
} .bubble-orange{
border: none;
background: #f87047;
color:#fff;
}
.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before{
border-right-color: #f87047;
}
.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before{
border-left-color: #f87047;
}
.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before{
border-bottom-color: #f87047;
} .bubble-pink{
border: none;
background: #f06292;
color:#fff;
}
.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before{
border-right-color:#f06292;
}
.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before{
border-left-color: #f06292;
}
.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before{
border-bottom-color: #f06292;
} .bubble-red{
border: none;
background: #ef5350;
color: #fff;
}
.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before{
border-right-color: #ef5350;
}
.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before{
border-left-color: #ef5350;
}
.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before{
border-bottom-color: #ef5350;
} .bubble-black{
border: none;
background: #555555;
color: #fff;
}
.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before{
border-right-color: #555555;
}
.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before{
border-left-color: #555555;
}
.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before{
border-bottom-color: #555555;
} .main-body .ranking-list{
margin-right: 0;
margin-left: 0;
margin-bottom:0;
}
.main-body .ranking-list li{
list-style: none;
overflow: hidden;
margin-bottom: 30px;
}
.main-body .main-conts .ranking-list li{
padding: 15px;
background: #fff;
margin-bottom: 1em;
}
.main-body .ranking-list li:last-child{
margin-bottom: 0;
}
.col1 .main-body .ranking-list li:last-child{
margin-bottom: 30px;
}
.main-body .ranking-list li p{
margin-bottom: 0;
}
.main-body .rank-title{
padding: 5px 0;
border: none;
background: none;
font-weight: normal;
font-size: 1.5em;
margin-top: 0;
}
.main-body .rank-title:before{
content:none;
}
.rank-thumb{
float: left;
margin-right: 20px;
margin-bottom:10px;
}
.main-conts .rank-thumb{
margin-bottom:0;
}
.sub-conts .ranking-list03 .rank-thumb img{
width: 100px;
height: auto;
}
.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb{
float: none;
text-align: center;
}
.rank-desc{
overflow: hidden;
} .ranking-list01 > li .rank-title{
padding-left: 60px;
margin-bottom:10px;
padding-top:10px;
}
.ranking-list01 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-01.png) left top no-repeat; }
.ranking-list01 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-02.png) left top no-repeat; }
.ranking-list01 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-03.png) left top no-repeat; }
.ranking-list01 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-04.png) left top no-repeat; }
.ranking-list01 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-05.png) left top no-repeat; }
.ranking-list01 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-06.png) left top no-repeat; }
.ranking-list01 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-07.png) left top no-repeat; }
.ranking-list01 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-08.png) left top no-repeat; }
.ranking-list01 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-09.png) left top no-repeat; }
.ranking-list01 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.ranking-list01 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-01@2x.png) left top no-repeat; }
.ranking-list01 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-02@2x.png) left top no-repeat; }
.ranking-list01 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-03@2x.png) left top no-repeat; }
.ranking-list01 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-04@2x.png) left top no-repeat; }
.ranking-list01 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-05@2x.png) left top no-repeat; }
.ranking-list01 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-06@2x.png) left top no-repeat; }
.ranking-list01 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-07@2x.png) left top no-repeat; }
.ranking-list01 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-08@2x.png) left top no-repeat; }
.ranking-list01 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-09@2x.png) left top no-repeat; }
.ranking-list01 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-10@2x.png) left top no-repeat; }
.ranking-list01 .rank01 .rank-title,
.ranking-list01 .rank02 .rank-title,
.ranking-list01 .rank03 .rank-title,
.ranking-list01 .rank04 .rank-title,
.ranking-list01 .rank05 .rank-title,
.ranking-list01 .rank06 .rank-title,
.ranking-list01 .rank07 .rank-title,
.ranking-list01 .rank08 .rank-title,
.ranking-list01 .rank09 .rank-title,
.ranking-list01 .rank10 .rank-title{
-webkit-background-size: 48px;
background-size: 48px;
}
} .ranking-list02 > li .rank-title{
padding-left: 60px;
padding-bottom: 10px;
padding-top:10px;
}
.ranking-list02 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-01.png) left top no-repeat; }
.ranking-list02 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-02.png) left top no-repeat; }
.ranking-list02 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-03.png) left top no-repeat; }
.ranking-list02 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-04.png) left top no-repeat; }
.ranking-list02 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-05.png) left top no-repeat; }
.ranking-list02 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-06.png) left top no-repeat; }
.ranking-list02 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-07.png) left top no-repeat; }
.ranking-list02 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-08.png) left top no-repeat; }
.ranking-list02 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-09.png) left top no-repeat; }
.ranking-list02 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list02 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-01@2x.png) left top no-repeat; }
.ranking-list02 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-02@2x.png) left top no-repeat; }
.ranking-list02 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-03@2x.png) left top no-repeat; }
.ranking-list02 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-04@2x.png) left top no-repeat; }
.ranking-list02 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-05@2x.png) left top no-repeat; }
.ranking-list02 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-06@2x.png) left top no-repeat; }
.ranking-list02 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-07@2x.png) left top no-repeat; }
.ranking-list02 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-08@2x.png) left top no-repeat; }
.ranking-list02 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-09@2x.png) left top no-repeat; }
.ranking-list02 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank02-10@2x.png) left top no-repeat; }
.ranking-list02 .rank01 .rank-title,
.ranking-list02 .rank02 .rank-title,
.ranking-list02 .rank03 .rank-title,
.ranking-list02 .rank04 .rank-title,
.ranking-list02 .rank05 .rank-title,
.ranking-list02 .rank06 .rank-title,
.ranking-list02 .rank07 .rank-title,
.ranking-list02 .rank08 .rank-title,
.ranking-list02 .rank09 .rank-title,
.ranking-list02 .rank10 .rank-title{
-webkit-background-size: 48px;
background-size: 48px;
}
} .ranking-list03 > li .rank-title{
padding: 5px 0 7px;
padding-left: 58px;
font-size: 1.25em;
margin-bottom:15px;
}
.sub-conts .ranking-list03 > li .rank-title{
min-height: 30px;
padding: 0;
padding-left: 40px;
font-size: 1.25em;
}
.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title{
background:#fff;
}
.ranking-list03 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-01.png) left top no-repeat; }
.ranking-list03 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-02.png) left top no-repeat; }
.ranking-list03 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-03.png) left top no-repeat; }
.ranking-list03 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-04.png) left top no-repeat; }
.ranking-list03 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-05.png) left top no-repeat; }
.ranking-list03 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-06.png) left top no-repeat; }
.ranking-list03 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-07.png) left top no-repeat; }
.ranking-list03 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-08.png) left top no-repeat; }
.ranking-list03 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-09.png) left top no-repeat; }
.ranking-list03 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-10.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-01.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-02.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-03.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-04.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-05.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-06.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-07.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-08.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-09.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list03 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-01@2x.png) left top no-repeat; }
.ranking-list03 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-02@2x.png) left top no-repeat; }
.ranking-list03 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-03@2x.png) left top no-repeat; }
.ranking-list03 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-04@2x.png) left top no-repeat; }
.ranking-list03 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-05@2x.png) left top no-repeat; }
.ranking-list03 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-06@2x.png) left top no-repeat; }
.ranking-list03 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-07@2x.png) left top no-repeat; }
.ranking-list03 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-08@2x.png) left top no-repeat; }
.ranking-list03 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-09@2x.png) left top no-repeat; }
.ranking-list03 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-10@2x.png) left top no-repeat; }
.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title,
.ranking-list03 .rank04 .rank-title,
.ranking-list03 .rank05 .rank-title,
.ranking-list03 .rank06 .rank-title,
.ranking-list03 .rank07 .rank-title,
.ranking-list03 .rank08 .rank-title,
.ranking-list03 .rank09 .rank-title,
.ranking-list03 .rank10 .rank-title{
-webkit-background-size: 48px;
background-size: 48px;
}
.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-01@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-02@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-03@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-04@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-05@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-06@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-07@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-08@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-09@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-10@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank01 .rank-title,
.sub-conts .ranking-list03 .rank02 .rank-title,
.sub-conts .ranking-list03 .rank03 .rank-title,
.sub-conts .ranking-list03 .rank04 .rank-title,
.sub-conts .ranking-list03 .rank05 .rank-title,
.sub-conts .ranking-list03 .rank06 .rank-title,
.sub-conts .ranking-list03 .rank07 .rank-title,
.sub-conts .ranking-list03 .rank08 .rank-title,
.sub-conts .ranking-list03 .rank09 .rank-title,
.sub-conts .ranking-list03 .rank10 .rank-title{
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
} .ranking-list .on-image{
}
.ranking-list .on-image .rank-title{
padding: 0!important;
border: 0;
background: none!important;
font-size: 1.25em;
}
.ranking-list .on-image .rank-thumb{
position: relative;
}
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before{
position: absolute;
top: 0;
left: 0;
}
.ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-01.png); }
.ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-02.png); }
.ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-03.png); }
.ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-04.png); }
.ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-05.png); }
.ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-06.png); }
.ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-07.png); }
.ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-08.png); }
.ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-09.png); }
.ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-10.png); }
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-01.png); }
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-02.png); }
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-03.png); }
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-04.png); }
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-05.png); }
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-06.png); }
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-07.png); }
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-08.png); }
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-09.png); }
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-01@2x.png); }
.ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-02@2x.png); }
.ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-03@2x.png); }
.ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-04@2x.png); }
.ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-05@2x.png); }
.ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-06@2x.png); }
.ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-07@2x.png); }
.ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-08@2x.png); }
.ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-09@2x.png); }
.ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-10@2x.png); }
.ranking-list03 > .rank01.on-image .rank-thumb:before,
.ranking-list03 > .rank02.on-image .rank-thumb:before,
.ranking-list03 > .rank03.on-image .rank-thumb:before,
.ranking-list03 > .rank04.on-image .rank-thumb:before,
.ranking-list03 > .rank05.on-image .rank-thumb:before,
.ranking-list03 > .rank06.on-image .rank-thumb:before,
.ranking-list03 > .rank07.on-image .rank-thumb:before,
.ranking-list03 > .rank08.on-image .rank-thumb:before,
.ranking-list03 > .rank09.on-image .rank-thumb:before,
.ranking-list03 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 48px;
height: 48px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-01@2x.png); }
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-02@2x.png); }
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-03@2x.png); }
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-04@2x.png); }
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-05@2x.png); }
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-06@2x.png); }
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-07@2x.png); }
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-08@2x.png); }
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-09@2x.png); }
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-10@2x.png); }
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .ranking-list04 .rank-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
}
.col1 .ranking-list04 li{
display: inline-block;
margin-right: 20px;
}
.ranking-list04 .rank-box img{
width: 100%;
}
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before{
position: absolute;
top: 0;
left: 0;
}
.ranking-list04 .on-image .rank-box .rank-text{
position: absolute;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px;
background-color: rgba(72,88,89,0.5);
background-color: #485859\9; color: #fff;
}
html:not(:target) .ranking-list04 .on-image .rank-box .rank-text{
background-color: rgba(72,88,89,0.5); }
.ranking-list04 .on-image .rank-box a{
color: #fff;
}
.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus{
color: #819293;
}
.ranking-list04 > .rank01.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-01.png); }
.ranking-list04 > .rank02.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-02.png); }
.ranking-list04 > .rank03.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-03.png); }
.ranking-list04 > .rank04.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-04.png); }
.ranking-list04 > .rank05.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-05.png); }
.ranking-list04 > .rank06.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-06.png); }
.ranking-list04 > .rank07.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-07.png); }
.ranking-list04 > .rank08.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-08.png); }
.ranking-list04 > .rank09.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-09.png); }
.ranking-list04 > .rank10.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list04 > .rank01.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-01@2x.png); }
.ranking-list04 > .rank02.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-02@2x.png); }
.ranking-list04 > .rank03.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-03@2x.png); }
.ranking-list04 > .rank04.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-04@2x.png); }
.ranking-list04 > .rank05.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-05@2x.png); }
.ranking-list04 > .rank06.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-06@2x.png); }
.ranking-list04 > .rank07.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-07@2x.png); }
.ranking-list04 > .rank08.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-08@2x.png); }
.ranking-list04 > .rank09.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-09@2x.png); }
.ranking-list04 > .rank10.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank03-10@2x.png); }
.ranking-list04 > .rank01.on-image .rank-box:before,
.ranking-list04 > .rank02.on-image .rank-box:before,
.ranking-list04 > .rank03.on-image .rank-box:before,
.ranking-list04 > .rank04.on-image .rank-box:before,
.ranking-list04 > .rank05.on-image .rank-box:before,
.ranking-list04 > .rank06.on-image .rank-box:before,
.ranking-list04 > .rank07.on-image .rank-box:before,
.ranking-list04 > .rank08.on-image .rank-box:before,
.ranking-list04 > .rank09.on-image .rank-box:before,
.ranking-list04 > .rank10.on-image .rank-box:before{
display: inline-block;
width: 48px;
height: 48px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .ranking-list05 .rank-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
background-position: center center;
background-size: cover;
}
.col1 .ranking-list05 li{
display: inline-block;
margin-right: 20px;
}
.ranking-list05 .rank-box a{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 180px;
padding: 3em 1em 1em;
background-color: rgba(72,88,89,0.5);
background-color: #485859\9; color: #fff;
}
html:not(:target) .ranking-list05 .rank-box a{
background-color: rgba(72,88,89,0.5); }
.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus,
html:not(:target) .ranking-list05 .rank-box a:hover{
background-color: rgba(72,88,89,0);
}
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before{
position: absolute;
top: 0;
left: 0;
}
.ranking-list05 > .rank01.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-01.png); }
.ranking-list05 > .rank02.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-02.png); }
.ranking-list05 > .rank03.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-03.png); }
.ranking-list05 > .rank04.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-04.png); }
.ranking-list05 > .rank05.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-05.png); }
.ranking-list05 > .rank06.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-06.png); }
.ranking-list05 > .rank07.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-07.png); }
.ranking-list05 > .rank08.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-08.png); }
.ranking-list05 > .rank09.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-09.png); }
.ranking-list05 > .rank10.on-image .rank-box:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list05 > .rank01.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-01@2x.png); }
.ranking-list05 > .rank02.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-02@2x.png); }
.ranking-list05 > .rank03.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-03@2x.png); }
.ranking-list05 > .rank04.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-04@2x.png); }
.ranking-list05 > .rank05.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-05@2x.png); }
.ranking-list05 > .rank06.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-06@2x.png); }
.ranking-list05 > .rank07.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-07@2x.png); }
.ranking-list05 > .rank08.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-08@2x.png); }
.ranking-list05 > .rank09.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-09@2x.png); }
.ranking-list05 > .rank10.on-image .rank-box:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank04-10@2x.png); }
.ranking-list05 > .rank01.on-image .rank-box:before,
.ranking-list05 > .rank02.on-image .rank-box:before,
.ranking-list05 > .rank03.on-image .rank-box:before,
.ranking-list05 > .rank04.on-image .rank-box:before,
.ranking-list05 > .rank05.on-image .rank-box:before,
.ranking-list05 > .rank06.on-image .rank-box:before,
.ranking-list05 > .rank07.on-image .rank-box:before,
.ranking-list05 > .rank08.on-image .rank-box:before,
.ranking-list05 > .rank09.on-image .rank-box:before,
.ranking-list05 > .rank10.on-image .rank-box:before{
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .main-body .post-list01,
.main-body .post-list02{
margin-right: 0;
margin-left: 0;
}
.main-body .post-list01 li,
.main-body .post-list02 li{
list-style: none;
overflow: hidden;
margin-bottom: 40px;
} .post-list01 .post-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
}
.col1 .post-list01 li{
display: inline-block;
margin-right: 20px;
}
.post-list01 .post-box img{
width: 100%;
}
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before{
position: absolute;
top: 0;
left: 0;
}
.post-list01 .on-image .post-box .post-text{
position: absolute;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px;
background-color: rgba(72,88,89,0.5);
background-color: #485859\9; color: #fff;
}
html:not(:target) .post-list01 .on-image .post-box .post-text{
background-color: rgba(72,88,89,0.5); }
.post-list01 .on-image .post-box a{
color: #fff;
}
.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus{
background-color: rgba(72,88,89,0);
} .post-list02 .post-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
background-position: center center;
background-size: cover;
}
.col1 .post-list02 li{
display: inline-block;
margin-right: 20px;
}
.post-list02 .post-box a{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 180px;
padding: 1em;
background-color: rgba(72,88,89,0.5);
background-color: #485859\9; color: #fff;
}
html:not(:target) .post-list02 .post-box a{
background-color: rgba(72,88,89,0.5); }
.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus,
html:not(:target) .post-list02 .post-box a:hover,
html:not(:target) .post-list02 .post-box a:active,
html:not(:target) .post-list02 .post-box a:focus{
background-color: rgba(72,88,89,0);
}
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before{
position: absolute;
top: 0;
left: 0;
background-color: rgba(72,88,89,0);
} .review-table{
width: auto;
margin-top: 0;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}
.rank-thumb .review-table{
width: 100%;
margin-bottom: 0;
}
.review-table th,
.review-table td{
line-height: 1.0;
padding: 0.75em;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #f1f1f1;
}
.review-table th{
font-weight: normal;
}
.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{
padding-left: 105px;
white-space: nowrap;
}
.star00{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star00.png) left center no-repeat; }
.star05{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star05.png) left center no-repeat; }
.star10{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star10.png) left center no-repeat; }
.star15{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star15.png) left center no-repeat; }
.star20{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star20.png) left center no-repeat; }
.star25{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star25.png) left center no-repeat; }
.star30{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star30.png) left center no-repeat; }
.star35{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star35.png) left center no-repeat; }
.star40{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star40.png) left center no-repeat; }
.star45{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star45.png) left center no-repeat; }
.star50{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star50.png) left center no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.star00{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star00@2x.png) left center no-repeat; }
.star05{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star05@2x.png) left center no-repeat; }
.star10{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star10@2x.png) left center no-repeat; }
.star15{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star15@2x.png) left center no-repeat; }
.star20{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star20@2x.png) left center no-repeat; }
.star25{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star25@2x.png) left center no-repeat; }
.star30{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star30@2x.png) left center no-repeat; }
.star35{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star35@2x.png) left center no-repeat; }
.star40{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star40@2x.png) left center no-repeat; }
.star45{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star45@2x.png) left center no-repeat; }
.star50{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-star50@2x.png) left center no-repeat; }
.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{
-webkit-background-size: 97px 17px;
background-size: 97px 17px;
}
}
.item-data{
margin-bottom: 1em;
}
.item-data dl,
.item-data dt,
.item-data dd{
margin: 0;
}
.item-data dt,
.item-data dd{
display: inline-block;
}
.item-data dd{
padding-left: 0;
}
.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc{
overflow: visible;
}
.main-body .review-desc-title{
overflow: hidden;
margin-top: 1em;
margin-bottom: 1em;
padding: 0 0 0 14px;
border: none;
border-left: 4px solid #728080;
background: none;
font-weight: normal;
font-size: 1.125em;
} .comparative-list01 > li .rank-title{
padding-left: 60px;
}
.comparative-list01 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-01.png) left top no-repeat; }
.comparative-list01 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-02.png) left top no-repeat; }
.comparative-list01 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-03.png) left top no-repeat; }
.comparative-list01 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-04.png) left top no-repeat; }
.comparative-list01 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-05.png) left top no-repeat; }
.comparative-list01 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-06.png) left top no-repeat; }
.comparative-list01 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-07.png) left top no-repeat; }
.comparative-list01 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-08.png) left top no-repeat; }
.comparative-list01 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-09.png) left top no-repeat; }
.comparative-list01 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.comparative-list01 .rank01 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-01@2x.png) left top no-repeat; }
.comparative-list01 .rank02 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-02@2x.png) left top no-repeat; }
.comparative-list01 .rank03 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-03@2x.png) left top no-repeat; }
.comparative-list01 .rank04 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-04@2x.png) left top no-repeat; }
.comparative-list01 .rank05 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-05@2x.png) left top no-repeat; }
.comparative-list01 .rank06 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-06@2x.png) left top no-repeat; }
.comparative-list01 .rank07 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-07@2x.png) left top no-repeat; }
.comparative-list01 .rank08 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-08@2x.png) left top no-repeat; }
.comparative-list01 .rank09 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-09@2x.png) left top no-repeat; }
.comparative-list01 .rank10 .rank-title{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank01-10@2x.png) left top no-repeat; }
.comparative-list01 .rank01 .rank-title,
.comparative-list01 .rank02 .rank-title,
.comparative-list01 .rank03 .rank-title,
.comparative-list01 .rank04 .rank-title,
.comparative-list01 .rank05 .rank-title,
.comparative-list01 .rank06 .rank-title,
.comparative-list01 .rank07 .rank-title,
.comparative-list01 .rank08 .rank-title,
.comparative-list01 .rank09 .rank-title,
.comparative-list01 .rank10 .rank-title{
-webkit-background-size: 48px 40px;
background-size: 48px 40px;
}
} .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-01.png); }
.comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-02.png); }
.comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-03.png); }
.comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-04.png); }
.comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-05.png); }
.comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-06.png); }
.comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-07.png); }
.comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-08.png); }
.comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-09.png); }
.comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-10.png); }
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-01.png); }
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-02.png); }
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-03.png); }
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-04.png); }
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-05.png); }
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-06.png); }
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-07.png); }
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-08.png); }
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-09.png); }
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-01@2x.png); }
.comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-02@2x.png); }
.comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-03@2x.png); }
.comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-04@2x.png); }
.comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-05@2x.png); }
.comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-06@2x.png); }
.comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-07@2x.png); }
.comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-08@2x.png); }
.comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-09@2x.png); }
.comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank05-10@2x.png); }
.comparative-list02 > .rank01.on-image .rank-thumb:before,
.comparative-list02 > .rank02.on-image .rank-thumb:before,
.comparative-list02 > .rank03.on-image .rank-thumb:before,
.comparative-list02 > .rank04.on-image .rank-thumb:before,
.comparative-list02 > .rank05.on-image .rank-thumb:before,
.comparative-list02 > .rank06.on-image .rank-thumb:before,
.comparative-list02 > .rank07.on-image .rank-thumb:before,
.comparative-list02 > .rank08.on-image .rank-thumb:before,
.comparative-list02 > .rank09.on-image .rank-thumb:before,
.comparative-list02 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 48px;
height: 48px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-01@2x.png); }
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-02@2x.png); }
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-03@2x.png); }
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-04@2x.png); }
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-05@2x.png); }
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-06@2x.png); }
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-07@2x.png); }
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-08@2x.png); }
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-09@2x.png); }
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rank06-10@2x.png); }
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .interval img{
display: block;
margin: 60px auto;
} .check-list,
.check-list-l{
margin-left: 0;
}
.check-list li,
.check-list-l li{
list-style: none;	
}
.check-list li{
margin-bottom: 1em;
padding-left: 32px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-check-list.png) left 3px no-repeat;
}
.check-list-l li{
margin-bottom: 2em;
padding: 10px 0 10px 55px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-check-list-l.png) left 3px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.check-list li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-check-list@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.check-list-l li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .qa-list dt{
display: block;
margin-bottom: 30px;
padding: 10px 0 10px 65px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-q.png) left 3px no-repeat;
font-size: 1.25em;
}
.qa-list dd{
margin-left: 0;
margin-bottom: 70px;
padding: 10px 0 10px 65px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-a.png) left 3px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.qa-list dt{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-q@2x.png) left 3px no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
.qa-list dd{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-a@2x.png) left 3px no-repeat;
-webkit-background-size: 48px 49px;
background-size: 48px 49px;
}
} .flow-chart{
margin-left: 0;
}
.flow-chart li{
list-style: none;
margin-bottom: 20px;
padding-bottom: 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-b-chart.png) center bottom no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.flow-chart li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
-webkit-background-size: 161px 40px;
background-size: 161px 40px;
}
}
.flow-chart li.end,
.flow-chart li:last-child{
padding-bottom: 0;
background: none;
}
.flow-chart .process-box{
padding: 30px;
border:2px solid #728080;
} .info-box{
padding: 10px;
background: repeating-linear-gradient(-45deg, #f1f1f1, #f1f1f1 3px, #f1f1f1 0, #485859 6px);
}
.info-box p{
background:#fff;
padding:10px 20px;
margin:0;
}
.trailer-text{
font-weight: bold;
font-size: 1.25em;
}
.trailer-text-l{
font-weight: bold;
font-size: 1.5em;
} .related-thumb{
overflow: hidden;
width: 100%;
}
.related-thumb img{
max-width: none;
}
.related-articles-thumbs01 ul{
margin-left: 0;
}
.related-articles-thumbs01 li{
list-style: none;
}
.related-articles-thumbs01 img{
width: auto;
max-height: 100px;
}
.related-articles-thumbs01 .related-thumb{
float: left;
width: 100px;
margin-right: 20px;
margin-bottom: 20px;
}
.related-articles-thumbs02 ul{
overflow: hidden;
margin-left: 0;
}
.related-articles-thumbs02 li{
list-style: none;
float: left;
width: 30%;
margin-left: 5%;
}
.related-articles-thumbs02 li:first-child{
margin-left: 0;
}
.related-articles-thumbs02 img{
width: auto;
max-height: 160px;
} #keni_toc{
display: block;
width: 80%;
margin: auto;
margin-bottom: 3em;
padding: 25px;
border: 2px solid #ccc;
font-size: 0.875em;
}
.keni-toc-title{
font-size: 1.286em;
}
#keni_toc ol{
margin-top: 0;
margin-bottom: 0;
margin-left: 25px;
}
#keni_toc ol ol{
margin-top: 0.5em;
}
#keni_toc ol ol li{
list-style-type: circle;
} .voice-box{
padding: 30px;
background: #fff;
}
.voice-content{
overflow: hidden;
} .col-onimage > .col{
position: relative;
overflow: hidden;
}
.col-onimage > .col .text-onimage{
position: absolute;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px;
background-color: rgba(72,88,89,0.5);
background-color: #485859\9; color: #fff;
}
html:not(:target) .col-onimage > .col .text-onimage{
background-color: rgba(72,88,89,0.5); }
.col-onimage02 > .col{
background-position: center center;
background-size: cover;
}
.col-onimage02 > .col .text-onimage{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 20px;
background-color: rgba(72,88,89,0.5);
background-color: #485859\9; color: #fff;
}
html:not(:target) .col-onimage02 > .col .text-onimage{
background-color: rgba(72,88,89,0.5); }
.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
color: #fff;
}
.col-onimage02 > .col a .text-onimage{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover .text-onimage,
.col-onimage02 > .col a:active .text-onimage,
.col-onimage02 > .col a:focus .text-onimage{
background-color: rgba(72,88,89,0);
} .link-next{
text-align: right;
margin-right:15px;
}
.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next{
margin-bottom: 0;
}
.link-next a{
padding-left: 13px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-next.png) left 6px no-repeat;
}
.link-back a{
padding-left: 13px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-prev.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.link-next a{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-next@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
.link-back a{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.page-nav ol{
margin-left: 0;
text-align: center;
}
.page-nav li{
display: inline-block;
margin-right: 10px;
padding: 4px 13px;
border: 1px solid #485859;
}
.page-nav li:last-child{
margin-right: 0;
}
.page-nav li a{
display: block;
margin: -4px -13px;
padding: 4px 13px;
color: #485859;
text-decoration: none;
}
.current{
background: #728080;
color: #fff;
}
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
background: #485859;
color: #fff;
}
.page-nav-bf ul{
margin-left: 0;
}
.page-nav-bf li{
list-style: none;
}
.page-nav-next{
float: right;
padding-right: 13px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-next.png) right center no-repeat;
}
.page-nav-prev{
float: left;
padding-left: 13px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-prev.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.page-nav-next{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-next@2x.png) right center no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
.page-nav-prev{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-prev@2x.png) left center no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
} .single .article-body,
.page .article-body{
margin-bottom: 40px;
} .keni-relatedposts-list li p{
overflow: hidden;
}
.keni-relatedposts-list li p a[target="_blank"]{
padding: 3px;
padding-right: 15px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-outbound-link.png) right center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.keni-relatedposts-list li p a[target="_blank"]{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-outbound-link@2x.png) right center no-repeat;
-webkit-background-size: 12px 13px;
background-size: 12px 13px;
}
}
.cont-nav{
padding-top: 40px;
border-top: 1px solid #ccc;
} .post-toc{
margin-bottom: 40px;
padding: 30px 20px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/common/bg-cast-box.png) #eeeeee;
} .comment-form-author,
.comment-form-mail,
.comment-form-url{
margin-bottom: 2em;
}
.comment-form-author p,
.comment-form-mail p,
.comment-form-url p{
margin-bottom: 0;
}
.alignleft{
float: left;
margin: 0 1em 1em 0;
}
.alignright{
float: right;
margin: 0 0 1em 1em;
}
.aligncenter{
display: block;
float: none;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
}
.post-tag a{
word-break: break-all;
} .commentlist,
.commentlist .children{
margin-left: 0;
}
.commentlist{
border-bottom: 1px solid #ccc;
}
.commentlist li{
list-style: none;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dotted #ccc;
}
.commentlist li:last-child,
.commentlist ul li:last-child{
padding-bottom: 0;
border-bottom: 0;
}
.reply a{
padding-left: 13px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arw-next.png) left 6px no-repeat;
}
.commentlist .children{
margin-top: 1em;
padding-top: 1em;
padding-left: 40px;
border-top: 1px solid #ccc;
} .rsswidget img{
vertical-align: baseline;
}
.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul{
margin-left: 0;
padding-left: 0;
}
.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
list-style: none;
margin-bottom: 1em;
padding-left: 13px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-list-arw.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-list-arw@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul{
margin-top: 1em;
margin-left: 10px;
}
.num-pv{
font-size: 0.8em;
} .calendar,
.calendar_wrap table{
background: #fff;
font-size: 0.875em;
}
.calendar caption,
.widget_calendar caption{
font-weight: bold;
}
.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td{
padding: 10px 0;
text-align: center;
}
.calendar tfoot td,
.widget_calendar tfoot td{
padding: 10px;
border-right-width: 0;
text-align: left;
}
.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child{
border-right-width: 1px;
text-align: right;
}
.calendar td a,
.widget_calendar tfoot td a{
display: block;
margin: -10px 0;
padding: 10px 0;
} .link-pages{
margin-top: 2em;
text-align: center;
line-height: 1.2;
}
.link-pages span{
display: inline-block;
margin-left: 0;
}
.link-pages a,
.link-pages span{
display: inline-block;
margin-right: 10px;
margin-bottom: 0.5em;
padding: 4px 8px;
border: 1px solid #c1c1c1;
text-decoration: none;
}
.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{
background: #c1c1c1;
color: #fff;
}
.link-pages a span{
display: inline;
margin-right: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
}
.link-pages .link-pages-cap{
display: inline-block;
margin-right: 10px;
padding: 0;
border: 0;
background: transparent;
color: inherit;
} .wp-caption{
max-width: 100%;
} .gallery,
.gallery-item{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gallery{
margin-bottom: 1em;
}
.gallery-item{
display: inline-block;
width: 100%;
vertical-align: top;
text-align: center;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
margin: 1%;
}
.gallery-columns-2 .gallery-item{ max-width: 48%; }
.gallery-columns-3 .gallery-item{ max-width: 31.3%; }
.gallery-columns-4 .gallery-item{ max-width: 23%; }
.gallery-columns-5 .gallery-item{ max-width: 18%; }
.gallery-columns-6 .gallery-item{ max-width: 14.6%; }
.gallery-columns-7 .gallery-item{ max-width: 12.2%; }
.gallery-columns-8 .gallery-item{ max-width: 10.5%; }
.gallery-columns-9 .gallery-item{ max-width: 9.1%; }
.gallery-icon img{
margin: 0 auto;
}
.gallery-caption{
display: block;
font-size: 0.875em;
}  .note{
display: block;
padding-left: 1em;
text-indent: -1em;
}
.note2{
display: block;
padding-left: 2em;
text-indent: -2em;
} .warning,
.error{
color: #e53935!important;
}
.required{
display: inline-block;
color: #e53935!important;
} .dot{
position: relative;
padding-top: 5px;
}
.dot:before{
position: absolute;
top: 0;
left: 50%;
width: 0.2em;
height: 0.2em;
margin-left: -.1em;
background: #485859;
border-radius: 50%;
content: "";
} .shadow{
box-shadow: 4px 4px 0px #e9e9e9;
}
.shadow02{
box-shadow: 0px 0px 4px #666;
}
.outline{
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dde1e1;
}
.frame{
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 95%;
padding: 8px;
background: #fff;
box-shadow: 0px 0px 8px #666;
}
.border{
border: 1px solid #dde1e1;
} img.resize10,
html:not(:target) img.resize10{
height: auto;
max-width: 10%;
}
img.resize20,
html:not(:target) img.resize20{
height: auto;
max-width: 20%;
}
img.resize30,
html:not(:target) img.resize30{
height: auto;
max-width: 30%;
}
img.resize40,
html:not(:target) img.resize40{
height: auto;
max-width: 40%;
}
img.resize50,
html:not(:target) img.resize50{
height: auto;
max-width: 50%;
}
img.resize60,
html:not(:target) img.resize60{
height: auto;
max-width: 60%;
}
img.resize70,
html:not(:target) img.resize70{
height: auto;
max-width: 70%;
}
img.resize80,
html:not(:target) img.resize80{
height: auto;
max-width: 80%;
}
img.resize90,
html:not(:target) img.resize90{
height: auto;
max-width: 90%;
} .circle{
border-radius: 50%;
} .rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }
.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }
.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; } .rc50{
border-radius: 50px;
} .transparent-panel-wrap{
padding: 1em;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/sample09.jpg) center center;
-webkit-background-size: cover;
background-size: cover;
}
.transparent-panel{
padding: 1em;
background-color: rgba(255,255,255,0.7);
background-color: #ffffff\9; }
html:not(:target) .transparent-panel{
background-color: rgba(255,255,255,0.7); } .fl-l{
float: left;
margin: 0 1em 1em 0;
}
.fl-r{
float: right;
margin: 0 0 1em 1em;
}
.fl-c{ clear: both; } .left{
float: left;
margin: 0 1em 1em 0;
}
.right{
float: right;
margin: 0 0 1em 1em;
} .al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; } .vl-t{ vertical-align: top!important; } .vl-m{ vertical-align: middle!important; } .vl-b{ vertical-align: bottom!important; }  .m0{ margin: 0!important; } .m0-t{ margin-top: 0!important; } .m0-r{ margin-right: 0!important; } .m0-b{ margin-bottom: 0!important; } .m0-l{ margin-left: 0!important; } .m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }
.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }
.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }
.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }
.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }
.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }
.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }
.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }
.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }
.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }
.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }
.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }
.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }
.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }
.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; } .p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }
.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }
.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }
.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }
.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }
.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }
.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }
.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }
.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }
.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }
.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }
.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }
.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }
.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; } .b{ font-weight: bold!important; } .normal{ font-weight: normal!important; }  .big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }
.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }
.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; } .red{ color: #e53935!important; } .blue{ color: #3187F9!important; } .green{ color: #4caf50!important; } .yellow{ color: #E1D902!important; } .navy{ color: #004182!important; } .orange{ color: #ff9800!important; } .pink{ color: #FF7173!important; } .purple{ color: #9c27b0!important; } .olive{ color: #808000!important; } .lime{ color: #11ee11!important; } .aqua{ color: #00bcd4!important; } .black{ color: #000!important; } .gray{ color: #aaa!important; } .white{ color: #fff!important; } .brown{ color: #6d4c33!important; }  .box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }
.box-yellow{ background-color: #ff6; } .box-orange{ background-color: #FFB334; } .box-pink{ background-color: #ffbbdd; } .box-lime{ background-color: #9f9; } .box-gray{ background-color: #dde1e1; }  .lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; } .w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; } .underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }  .z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; } .inline{ margin: 1em 0; padding: 0; }
.inline li{
display: inline;
list-style-type: none;
} .none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }  .icon-point{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-point.png) left 3px no-repeat;
}
.icon-point-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-point-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-point{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-point@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-point-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-point-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-caution{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-caution.png) left 3px no-repeat;
}
.icon-caution-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-caution-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-caution{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-caution@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-caution-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-caution-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-new{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-new.png) left 3px no-repeat;
}
.icon-new-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-new-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-new{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-new@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-new-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-new-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-wakaba{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-wakaba.png) left 3px no-repeat;
}
.icon-wakaba-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-wakaba-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-wakaba{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-wakaba@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-wakaba-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-wakaba-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-blank{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-blank.png) left 3px no-repeat;
}
.icon-blank-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-blank-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-blank{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-blank@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-blank-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-blank-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-t{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-t.png) left 3px no-repeat;
}
.icon-arrow-t-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-t-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-t{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-t-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-r{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-r.png) left 3px no-repeat;
}
.icon-arrow-r-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-r-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-r{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-r-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-b{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-b.png) left 3px no-repeat;
}
.icon-arrow-b-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-b-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-b{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-b-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-l{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-l.png) left 3px no-repeat;
}
.icon-arrow-l-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-l-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-l-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-dl{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-dl.png) left 3px no-repeat;
}
.icon-dl-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-dl-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-dl{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-dl@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-dl-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-dl-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-pdf{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-pdf.png) left 3px no-repeat;
}
.icon-pdf-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-pdf-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-pdf{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-pdf@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-pdf-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-pdf-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-zip{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-zip.png) left 3px no-repeat;
}
.icon-zip-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-zip-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-zip{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-zip@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-zip-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-zip-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-mail{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-mail.png) left 3px no-repeat;
}
.icon-mail-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-mail-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-mail{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-mail@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-mail-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-mail-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-cart{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-cart.png) left 3px no-repeat;
}
.icon-cart-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-cart-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-cart{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-cart@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-cart-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-cart-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-search{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-search.png) left 3px no-repeat;
}
.icon-search-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-search-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-search{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-search@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-search-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-search-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-home{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-home.png) left 3px no-repeat;
}
.icon-home-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-home-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-home{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-home@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-home-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-home-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-folder{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-folder.png) left 3px no-repeat;
}
.icon-folder-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-folder-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-folder{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-folder@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-folder-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-folder-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-time{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-time.png) left 3px no-repeat;
}
.icon-time-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-time-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-time{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-time@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-time-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-time-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-calendar{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-calendar.png) left 3px no-repeat;
}
.icon-calendar-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-calendar-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-calendar{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-calendar@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-calendar-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-calendar-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-rss{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rss.png) left 3px no-repeat;
}
.icon-rss-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rss-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-rss{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rss@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-rss-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-rss-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-building{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-building.png) left 3px no-repeat;
}
.icon-building-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-building-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-building{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-building@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-building-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-building-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-map{
padding: 0 0 0 30px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-map.png) left 3px no-repeat;
}
.icon-map-l{
padding: 10px 0 10px 60px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-map-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-map{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-map@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-map-l{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-map-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
}
.outbound{
padding: 3px;
padding-left: 15px;
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-outbound-link.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.outbound{
background: url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-outbound-link@2x.png) left center no-repeat;
-webkit-background-size: 12px 13px;
background-size: 12px 13px;
}
} .site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.clearfix:after{
content: '';
display: block;
clear: both;
height: 0;
}
@media
only screen and (max-width:1200px){.site-header-in,
.global-nav-in,
.main-body-in,
.site-footer-in{width:96%;margin:auto;}
.main-image-in,
.main-image-in-text,
.main-image-in-text .main-image-in-text-cont,
.main-image-in-text.wide .main-image-in-text-cont{width:100%;}
.col1 .section-wrap,
.col1 .breadcrumbs,
.col1 .section-wrap.wide .section-in,
.col1 .section-wrap.wide{width:auto;}
.col1 .breadcrumbs-in,
.col1 .float-area{width:96%;margin-right:auto;margin-left:auto;}
.bubble{width:70%;}
.talker{width:25%;}
.bubble .bubble-in:after,
.bubble .bubble-in:before{top:30px;}
.together .bubble,
.together .talker{width:100%;}
.together .talker b{max-width:25%;}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box{width:100%;}
.col1 .ranking-list05 .rank-box,
.col1 .post-list02 .post-box{width:320px;}
}
@media (min-width:737px) and (max-width:950px){.col2 .sub-conts .ranking-list03 .rank-thumb,
.col2r .sub-conts .ranking-list03 .rank-thumb,
.col2 .comparative-list01 .rank-thumb,
.col2 .comparative-list02 .rank-thumb,
.col2r .comparative-list01 .rank-thumb,
.col2r .comparative-list02 .rank-thumb{float:none;}
.col2 .comparative-list01 .rank-thumb,
.col2 .comparative-list02 .rank-thumb,
.col2r .comparative-list01 .rank-thumb,
.col2r .comparative-list02 .rank-thumb{display:inline-block;}
.col1 .ranking-list04 li,
.col1 .ranking-list05 li,
.col1 .post-list01 li,
.col1 .post-list02 li{display:block;margin-right:auto;margin-left:auto;}
.col1 .ranking-list04 .rank-box,
.col1 .ranking-list05 .rank-box,
.col1 .post-list01 .post-box,
.col1 .post-list02 .post-box{width:320px;}
.col1 .banner-list li{display:list-item;margin-left:0;}
}
@media
only screen and (max-width:736px){html,
body,
.containr{min-width:0;}
html{overflow-x:hidden;overflow-y:scroll;}
html,body{width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
textarea,input{max-width:95%;}
input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{max-width:none;}
blockquote{position:relative;margin:2em 0;padding:115px 20px 80px;}
.site-header-in,
.global-nav-in,
.main-body-in,
.site-footer-in{width:100%;}
.col2 .main-conts,
.col2 .sub-conts,
.col2r .main-conts,
.col2r .sub-conts{float:none;width:auto;}
.sub-conts{margin:0 3%;}
.site-header-conts,
.site-title,
.header-box{display:block;}
.site-header:after{content:none;height:0;}
.header-box{margin-top:15px;}
.site-header-conts{padding-top:50px;}
.no-gn .site-header-conts{padding-top:0;}
.site-header-conts{padding-bottom:10px;}
.site-title{padding:15px 15px 0;font-size:1.4em;}
.normal-screen .site-title{font-size:2em;}
.normal-screen .lp-catch{padding:15px 15px 0;font-size:1em;}
.header-box{margin-left:0;text-align:center;}
.site-header-in{position:relative;padding-bottom:1em;}
.global-nav{position:absolute;top:0;width:100%;margin:0;border:0;}
.global-nav ul{display:none;position:absolute;top:50px;left:10px;z-index:50;width:80%;border:0;background:rgba(72,88,89,.7);}
.global-nav-panel{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:rgba(72,88,89,.9);color:#fff;cursor:pointer;}
.global-nav-in li{display:list-item;width:auto;border-right:0;border-top:1px solid #ddd;text-align:left;}
.global-nav-in li ul{position:static;width:auto;margin-left:1em;background:none;}
.global-nav-in li ul li{width:auto;border-bottom:0;border-top:none;}
.global-nav-in li a,
.global-nav li ul li a{padding:1em;padding-right:2em;background:url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-gn-arw.png) right center no-repeat;color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx){.global-nav-in li a,
.global-nav li ul li a{background:url(https://www.aosbox.com/wp-content/themes/keni70_child/images/icon/icon-gn-arw@2x.png) right center no-repeat;-webkit-background-size:27px 18px;background-size:27px 18px;}
}
.main-image-in-text-cont{padding:1em;}
.main-copy{margin-bottom:10px;font-size:2em;text-align:center;}
.sub-copy{font-size:1em;}
.section-wrap,
.col1 .section-wrap.wide{padding:0;border:0;}
.col1 .section-wrap{padding:0;}
.section-wrap .section-in,
.col1 .section-wrap.wide .section-in,
.float-area,
.col1 .float-area{padding:15px;}
.col1 .sub-conts .section-wrap .section-in{padding:0 20px 30px;}
.section-wrap .section-in .section-title,
.section-wrap .article-header .section-title{margin:-15px -15px 20px;padding:15px;font-size:1.75em;}
.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title,
.col1 .sub-conts .section-wrap .section-in .section-title,
.col1 .sub-conts .section-wrap .article-header .section-title{margin:0 -20px 30px;padding:10px 18px;}
html.col1 .section-wrap .section-title{margin:0 -15px 1em;padding:10px 15px;}
.main-body h1,
.main-body h2,
.main-body h3,
.main-body h4,
.main-body h5,
.main-body h6{margin:35px 0 20px;}
.main-body h1,
.main-body h2{font-size:1.5em;}
.breadcrumbs-in{margin-bottom:1em;padding:0 1em;}
.breadcrumbs-in li:last-child{display:none;}
.col1 .breadcrumbs-in{width:auto;}
.site-footer-nav{display:block;text-align:left;}
.site-footer-nav li,
.site-footer-nav li:first-child{display:list-item;margin-left:20px;}
.copyright{padding:15px;text-align:left;}
.page-top img{width:40px;}
.news-item{padding:15px;}
.news .news-cat{margin-left:0;margin-bottom:10px;}
.news .news-thumb{float:none;text-align:center;margin:0 0 20px;}
.main-body .news-title{font-size:1.25em;margin-right:0;}
.ranking-list .on-image .rank-thumb:before, .ranking-list .on-image .rank-thumb:before, .ranking-list .on-image .rank-thumb:before{position:absolute;top:0;left:0;margin-left:0;}
.news.ranking-list .on-image .rank-thumb:before, .news.ranking-list .on-image .rank-thumb:before, .news.ranking-list .on-image .rank-thumb:before{position:absolute;top:0;left:50%;margin-left:-110px;}
.table-block,
.table-block thead,
.table-block tbody,
.table-block tfoot,
.table-block tr,
.table-block th,
.table-block td{display:block;}
.table-block{}
.table-block th,
.table-block td{float:left;width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box;}
.table-block:after{content:'';display:block;clear:both;height:0;}
.table-scroll:before{content:"※はみ出ている場合、横にスクロールできます。"}
.banner-list li{text-align:center;}
.banner-list li,
.col1 .banner-list li,
.main-conts .banner-list li{display:list-item;margin-left:0;}
.btn-area{text-align:center;}
.btn{float:none;margin-right:0;margin-left:0;}
.btn-green,
.btn-blue,
.btn-orange,
.btn-red{padding-top:25px;padding-bottom:25px;padding-left:1em;padding-right:1em;}
.btn-green span:after,
.btn-blue span:after,
.btn-orange span:after,
.btn-red span:after{left:-.3em;}
.btn-form01{padding-top:25px;padding-bottom:25px;padding-left:2em;padding-right:2em;}
.btn-form02{padding-top:15px;padding-bottom:15px;padding-left:1em;padding-right:1em;font-size:16px;}
.sns-list li{margin-right:1em;margin-left:0;}
.col1 .cast-box02 .cast{min-height:0;padding-top:210px;}
.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{padding-left:0;}
.col1 .cast-box02 .cast .cast-headshot{width:100%;}
.rank-thumb{float:none;margin-bottom:10px !important;}
.sub-conts .ranking-list03 .rank-thumb,
.col2 .sub-conts .ranking-list03 .rank-thumb,
.col2r .sub-conts .ranking-list03 .rank-thumb{float:left;}
.col1 .ranking-list04 li,
.col1 .ranking-list05 li,
.col1 .post-list01 li,
.col1 .post-list02 li{display:block;margin-right:auto;margin-left:auto;}
.comparative-list01 .rank-thumb,
.comparative-list02 .rank-thumb{display:inline-block;float:none;}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box{width:320px;}
.related-articles-thumbs02 li{float:none;width:auto;margin-left:0;}
.eye-catch{float:none;margin:0 0 1em;text-align:center;}
}
@media
only screen and (max-width:480px){.col4-wrap,
.col3-wrap,
.col2-wrap{margin:0 0 1em;}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{float:none;margin-left:0;}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{width:auto;}
.left,
.right{float:none;margin-right:0;margin-left:0;text-align:center;}
.alignleft,
.alignright{float:none;margin-right:0;margin-left:0;text-align:center;}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box,
.col1 .ranking-list05 .rank-box,
.col1 .post-list02 .post-box{width:100%;}
}