@charset "UTF-8";
* { margin: 0; padding: 0; }
/* body */
body { margin: 0; padding: 0; background-color: #fff; text-align: center; color: #242424; font-size: 13px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; min-width: 960px; overflow-x: hidden; }
img { margin: 0; padding: 0; border: 0; }
a:hover { opacity: 0.7; }

/* common */
.box-left { float: left; } /*左に回り込み*/
.box-right { float: right; } /*右に回り込み*/
.txt-left { text-align: left; } /*左揃え*/
.txt-center { text-align: center; } /*中央揃え*/
.txt-right { text-align: right; } /*右揃え*/
.cf {}
.cf:after { content: ""; display: block; clear: both; }

/* header */
#header { margin: 0 auto; padding: 0; width: 100%; min-width: 1200px; height: 100px; text-align: center; background: #fff; }
#header h1 { display: inline-block; width: ; }
#header .h1-logo { margin: 15px 240px 0 60px; display: inline-block; width: 150px; }

/* menu */
.menu-container { display: inline-block; margin: 40px 0 0; width: ; vertical-align: top; }
.menu-container .menu { margin: 0; padding: 0; list-style: none; }
.menu-container .menu .menu-item { display: inline-block; margin: 0 40px 0 0; font-size: 116%; font-weight: bold; }
.menu-container .menu .menu-item a { display: block; color: #242424; font-weight: 600; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; }
.menu-container .menu .menu-item a:hover { color: #005bae; }
.menu-container .menu .menu-item:last-child a {  }
.icon-hamburger { display: none; }

/* Visual */
#visual { margin: 0 auto; padding: 0; width: 100%; min-width: 1200px; background: #ebebeb; }
#pc-audio { }
#sp-audio { display: none; }

/* Catchcopy */
#catchcopy { margin: 50px auto; padding: 0; width: 100%; min-width: 1200px; text-align: center; }
#catchcopy h2 { font-size: 153.9%; line-height: 40px; font-family: serif; }

/* Whats new */
.whatsnew { margin: 50px auto; padding: 30px 0 50px; width: 100%; min-width: 1200px; background: #005bae; }
.whatsnew h3 { font-size: 153.9%; color: #fff; }
.whatsnew hr { display: none; }
.whatsnew dl { margin: 20px auto 0; padding: 0; width: 400px; text-align: left; }
.whatsnew dl dt { display: inline-block; margin: 0 1em 0 0; width: 10em; font-size: 100%; color: #005bae; font-weight: normal; text-align: center; background: #fff; border-radius: 5px / 5px; -webkit-border-radius: 5px / 5px; -moz-border-radius: 5px / 5px; }
.whatsnew dl dd { display: inline-block; width: ; font-size: 116% !important; color: #fff; text-decoration: underline; }
.whatsnew a { }
.whatsnew a:hover { filter:alpha(opacity=70); /* IE 6,7*/ -ms-filter: "alpha(opacity=70)"; /* IE 8,9 */ -moz-opacity:0.7; /* FF , Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ opacity:0.7; zoom:1; /*IE*/ }
.whatsnew .newmark { display: none; font-size: 100%; padding: 0.2em 0.5em; vertical-align: middle; color: #fff; background-color: #e03637; }

/* display-posts */
.whatsnew ul.display-posts-listing { margin: 10px auto 0; width: 1000px; padding: 20px; background: #fff; }
/* タイトル */
.whatsnew ul.display-posts-listing li a.title { display: block; width: ; margin: 0; padding: 0 0 5px; color: #005bae; font-size: 153.9%; font-weight: bold; text-align: center; text-decoration: none; border-bottom: 1px dotted #ccc; }
/* 日付 */
.whatsnew ul.display-posts-listing li .date { display: block; padding: 5px 0 0; width: ; margin: 0; text-align: right; list-style-type: none; font-size: 100%; color: #666; }
/* listスタイルの消去 */
.whatsnew ul.display-posts-listing li.listing-item { list-style-type: none; margin: 0 0 20px; } 
/* ダッシュは非表示に */
.whatsnew ul.display-posts-listing span.excerpt-dash { display: none; }
/* 抜粋部分でクリア */
.whatsnew ul.display-posts-listing span.excerpt { clear: both; display: block; padding: 20px; font-size: 123.1%; line-height: 167%; text-align: left; }
/* 続きを読むをフロート＆ブロック化 */
.whatsnew ul.display-posts-listing .excerpt a { display: block; text-align: right; }
.whatsnew ul.display-posts-listing .excerpt-more { display: none; }
/* 矢印は非表示 */
.whatsnew ul.display-posts-listing span.meta-nav { display: none; }

/* Feature */
#feature { margin: 0 auto; padding: 50px 0 100px; min-width: 1200px; background: #fff; }
.box-feature { display: inline-block; margin-left: 50px; width: 330px; text-align: left; }
.box-feature a { text-decoration: none; display: block; color: #000; }
.box-feature a:hover { /*color: #104e99;*/ }
.box-feature .ic-feature { vertical-align: middle; margin: 0 10px 0 0; }
.box-feature strong { font-size: 138.5%; }
.box-feature small { display: block; width: ; height: 5em; vertical-align: top; margin: 0 0 30px 60px; font-size: 108%; color: #666; }
.box-feature em { display: block; margin: 0 0 0 60px; color: #005bae; font-style: normal; font-weight: bold; }

/* Page top */
#pageTop { position: fixed; bottom: 60px; right: 100px; }
#pageTop .btn-pagetop { opacity: 0.7; width: 80px; }

/* Footer */
#footer { margin: 0 auto; padding: 60px 0; width: 100%; min-width: 1200px; background: #ebebeb; }
#footer .footer-nav { display: inline-block; margin: 0 0 0 100px; width: 200px; font-size: 108%; text-align: left; vertical-align: top; }
#footer .footer-left { margin: 0 0 0 140px; width: 160px; }
#footer .footer-nav dt { margin: 0 0 15px; font-weight: bold; }
#footer .footer-nav dd { margin: 0; font-size: 93%; }
#footer .footer-nav a { text-decoration: none; color: #888; }
/*#footer .footer-nav a:hover { color: #005bae; }*/
#footer .copyright { display: block; width: 100%; margin: 60px 0 0 !important; color: #888; font-size: 85%; font-weight: bold; }

/* Heading */
#heading { margin: 0 auto; padding: 30px 0; width: 100%; background: #00ae95; text-align: left; }
#heading h2 { margin: 0 auto; width: 1000px; color: #fff; font-size: 232%; }
#heading .ic-tablet { vertical-align: middle; width: 30px; margin: 0 10px 0 0; }

/* Container */
#container { margin: 0 auto; padding: 50px 0 70px; width: 100%; background: #f7f7f7; }

/* Company */
.company-table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; width: 650px; font-size: 123.1%; text-align: left; border: 1px solid #d7d7d7; }
.company-table tr:nth-child(odd) { background: #fbfbfb; /* 奇数行 */ }
.company-table tr:nth-child(even) { background: #f7f7f7; /* 偶数行 */ }
.company-table th { padding: 10px 25px; width: 7em; vertical-align: top; font-weight: normal; }
.company-table td { padding: 10px 0; }
.company-table span { display: inline-block; width: 250px; }
.company-table strong { font-size: 116%; color: #005bae; }
.company-table small { font-size: 100%; }
.company-table em { display: inline-block; margin: 5px 0 0; font-size: 85%; font-style: normal; font-weight: bold; color: #005bae; }
.company-table .img-company { display: inline-block; width: 180px; margin: 10px 0 0 40px; vertical-align: top; }
.company-table a { display: block; color: #242424; text-decoration: none; }
.company-table a:hover { text-decoration: none; }

/* Shop */
#shop { margin: 0 auto; padding: 0; width: 1000px; }
#shop h3 { position: relative; padding: 4px 20px 4px 20px; width: 230px; background: #005bae; z-index:1; color:#fff; font-size: 232%; text-align: left; }
#shop h3:before { position: absolute; content: ''; left: 0; top: 0;/*ボーダーサイズ分マイナス*/ width: 0; height: 0; border: none; z-index: 2; }
#shop h3:after { position: absolute; content: ''; right: 0; top: 0;/*ボーダーサイズ分マイナス*/ width: 0; height: 0; border: none; border-left: solid 40px transparent; border-top: solid 55px #f7f7f7; z-index: 2; }
#shop hr { margin: 0; border: none; border-top: 2px #005bae solid; height: 1px; }
#shop ul { list-style-type: none; margin: 35px 0 35px 20px; font-size: 123.1%; text-align: left; }
#shop ul li { display: inline-block; margin: 0 35px 0 0; }
#shop .thumb-shop { display: inline-block; margin: 5px; width: 320px; }
#shop .google-map { display: block; margin: 10px 0 0; width: 100%; height: 400px; border: 1px solid #d7d7d7; }
#shop .h3-ishodo { margin: 100px 0 0; }
#shop .h3-tenshindo { margin: 120px 0 0; }
#shop fieldset { margin: 35px auto 0; width: 640px; font-size: 123.1%; border: 1px solid #d7d7d7; }
#shop fieldset legend { font-weight: bold; }
#shop fieldset p { padding: 15px 10px; text-align: left; }

/* Medical */
#medical { margin: 0 auto; padding: 0; width: 1000px; }
#medical p { font-size: 123.1%; }
#medical p a { color: #005bae; }
#medical p a:hover { text-decoration: none; }
#medical ul { list-style-type: none; margin: 50px 0 0; font-size: 138.5%; text-align: left; }
#medical ul li { display: inline-block; width: 498px; border: 1px solid #d7d7d7; background: url(../images/medical/bg_arrow.png) no-repeat center right; }
#medical ul li.bg-white { background-color: #fff; }
#medical ul li a { display: block; padding: 20px 0; text-decoration: none; color: #242424; }
#medical ul li span { display: inline-block; vertical-align: top; line-height: 138.5%; }
#medical ul li small { width: 400px; }
#medical ul li strong { font-size: 108%; }
#medical .ic-pdf { display: inline-block; margin: 0 20px; width: 46px; }

/* Recruit */
#recruit { margin: 0 auto; padding: 0; width: 1000px; }
#recruit p { font-size: 123.1%; }
#recruit .img-recruit { display: inline-block; width: 180px; }
#recruit p.p-intro { display: inline-block; width: 470px; text-align: left; }
#recruit h3 { margin: 30px auto 0; padding: 10px 0; width: 650px; color: #fff; font-size: 232%; background: #005bae; }
.recruit-table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; width: 650px; font-size: 123.1%; text-align: left; border: 1px solid #d7d7d7; }
.recruit-table tr:nth-child(odd) { background: #fbfbfb; /* 奇数行 */ }
.recruit-table tr:nth-child(even) { background: #f7f7f7; /* 偶数行 */ }
.recruit-table th { padding: 10px 25px; width: 7em; vertical-align: top; font-weight: normal; }
.recruit-table td { padding: 10px 0; }
.recruit-table strong { color: #005bae; }
#recruit .btn-form { margin: 40px auto 0; padding: 20px 0; width: 420px; background: #005bae; font-size: 232%; color: #fff; font-weight: bold; border-radius: 5px / 5px; -webkit-border-radius: 5px / 5px; -moz-border-radius: 5px / 5px; }
#recruit .btn-form a { color: #fff; font-weight: bold; text-decoration: none; }
#recruit .btn-form:hover { cursor: pointer; }
#recruit .btn-form .ic-form { margin: 0 5px 7px 0; width: 17px; vertical-align: middle; }
#recruit .txt-complete { margin: 100px auto; padding: 0; text-align: center; }
#recruit .txt-complete strong { font-size: 138.5%; }
#recruit a { color: #005bae; }
#recruit a:hover { text-decoration: none; }

/* Form */
#recruit .txt-name { width: 200px; padding: 2px; vertical-align: middle; }
#recruit .txt-furigana { width: 200px; padding: 2px; vertical-align: middle; }
#recruit .txt-contact { width: 400px; padding: 2px; vertical-align: middle; }
#recruit small.txt-attention { display: inline-block; margin: 5px 0; }
#recruit .btn-radio { margin: 0 5px 0 0; }
#recruit .txt-age { width: 30px; margin: 0 5px 0 0; padding: 2px; vertical-align: middle; }
#recruit .txt-university { width: 100px; margin: 0 5px 5px 0; padding: 2px; vertical-align: middle; }
#recruit .txt-graduate { width: 70px; margin: 5px 0; padding: 2px; vertical-align: middle; }
#recruit select { display: inline-block; }
#recruit .txt-etc { width: 160px; margin: 0 0 0 20px; padding: 2px; vertical-align: middle; }
#recruit .txt-question { width: 400px; height: 100px; padding: 5px; }
#recruit .chk-pamphlet { margin: 0 5px 5px 0; vertical-align: middle; }
#recruit .txt-zip-code { width: 60px; margin: 5px; padding: 2px; vertical-align: middle; }
#recruit .txt-ad-tel { display: inline-block; width: 70px; }
#recruit .txt-address { width: 320px; margin: 5px; padding: 2px; vertical-align: middle; }
#recruit .txt-tel { width: 200px; margin: 5px; padding: 2px; vertical-align: middle; }
#recruit .txt-experience { display: inline-block; width: 7em; }
#recruit .error { display: inline-block; width: 7em; }

#recruit input[type="button"] { margin: 40px auto; padding: 20px 0; width: 420px; border: none; background: #005bae; cursor: pointer; color: #fff; font-size: 232%; font-weight: bold; border-radius: 5px / 5px; -webkit-border-radius: 5px / 5px; -moz-border-radius: 5px / 5px; }

/* Information */
#information { margin: 0 auto 40px; padding: 0; width: 1000px; font-size: 123.1%; text-align: left; }
#information .post { margin: 0 0 100px; }
#information h3 { display: inline-block; width: 680px; margin: 0; padding: 5px 0 5px 10px; font-size: 153.9%; border-left: 5px solid #005bae; border-bottom: 1px dotted #005bae; }
#information h3 a { text-decoration: none; }
.post .date_info { display: inline-block; width: 290px; margin: 0; padding: 5px 5px 5px 0; text-align: right; list-style-type: none; font-size: 83%; color: #666; border-bottom: 1px dotted #005bae; vertical-align: bottom; }
.info-single .date_info { display: block; width: 100%; margin: 0 0 60px; text-align: right; list-style-type: none; font-size: 83%; color: #666; border-bottom: 1px dotted #ccc; vertical-align: bottom; }
#information .date_info li { display: inline-block; }
#information p { margin: 2em 0; line-height: 167%; }
#information .notfound { text-align: center; }
#information a { color: #005bae; }
#information a:hover { text-decoration: none; }

.pager { display: block; margin: 60px 0; text-align: center; }
a.page-numbers,
.pager .current { margin: 0 2px; padding: 5px 8px; background: #fff; border: 1px solid #ccc; border-radius: 5px; text-decoration: none; }
.pager .current { background: #eaeaea; border: 1px solid #ccc; color: #000; }

/* Privacy */
#privacy { margin: 0 auto; padding: 0; width: 920px; text-align: left; }
#privacy p { margin: 60px 0 0; font-size: 123.1%; line-height: 30px; }
#privacy p.p-intro { margin: 0; }
#privacy p strong { display: inline-block; margin : 0 0 10px; padding: 0 5px; font-size: 131%; background: linear-gradient(transparent 60%, #c6d8e8 60%); }
#privacy ol { margin: 40px auto 0; width: 840px; font-size: 123.1%; line-height: 30px; }

/* RESETS */
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* BASE STYLES */
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/* DEFAULT THEME */
.flexslider { margin: 0 0 60px; background: #fff; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
@-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { display:block; width:40px; height:80px; background-image:url(../images/top/controls.png); -webkit-background-size:90px 170px; -moz-background-size:90px 170px; -ms-background-size:90px 170px; -o-background-size:90px 170px; background-size:90px 170px; margin:-40px 0 0;
position:absolute; top:50%; overflow:hidden; opacity:0; cursor:pointer; color:rgba(255,255,255,0); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; z-index:10; }
.flex-direction-nav a:before { font-size:40px; display:inline-block; content:''; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flex-direction-nav a.flex-prev { background-image: url(../images/top/controls.png); }
.flex-direction-nav a.flex-next { background-position: -50px 0; }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/*  RESPONSIVE */
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
.flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}

/* baguetteBox.js */
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}