.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@-ms-viewport{width:device-width;}
.hidden{display:none;visibility:hidden;}
.visible-phone{display:none!important;}
.visible-tablet{display:none!important;}
.hidden-desktop{display:none!important;}
.visible-desktop{display:inherit!important;}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important;}
.visible-desktop{display:none!important;}
.visible-tablet{display:inherit!important;}
.hidden-tablet{display:none!important;}}
@media (max-width:767px){.hidden-desktop{display:inherit!important;}
.visible-desktop{display:none!important;}
.visible-phone{display:inherit!important;}
.hidden-phone{display:none!important;}}
.visible-print{display:none!important;}
@media print{.visible-print{display:inherit!important;}
.hidden-print{display:none!important;}}
@media (min-width:1200px){}
@media (min-width:768px) and (max-width:979px){}
@media (max-width:767px){#menuToggle{display:block;position:fixed;top:40px;right:20px;z-index:1;-webkit-user-select:none;user-select:none;z-index:100000000;}
#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;}
#menuToggle span{display:block;width:30px;height:1px;margin-bottom:9px;position:relative;background:#000;z-index:1;transform-origin:0px 0px;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin:0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%;}
#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323;}
#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2);}
#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px);}
#menu{position:fixed;width:200px;height:2000px;margin:-44px -5px 0 -50px;padding:30px;padding-top:125px;background:#F2F2F2;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%,0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}
#menu li{padding:10px 0;font-size:22px;}
#menuToggle input:checked~ul{transform:none;}
#catList{display:block;position:fixed;top:40px;right:20px;z-index:1;-webkit-user-select:none;user-select:none;}
#catList input{display:block;width:40px;height:32px;position:absolute;top:-15px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;pointer-events:all;}
#catList .list{position:fixed;width:200px;margin:5px -4px 0 -160px;list-style-type:none;-webkit-font-smoothing:antialiased;transform:translate(160px,0);transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
#catList input:checked~.list{transform:none;}
#mask{display:none;background-image:none;}
#logo{position:fixed;top:15px;left:20px;z-index:100000000;}
#logo .type span{display:none;}
#logo .type{width:47px;height:47px;background-size:contain;background-position:0px 0px;margin-right:10px;margin-top:10px;padding-left:0px;}
#viewMenu{display:none;}
#buttonAddNew{display:none;}
#catList{text-align:left;width:200px;right:-150px;}
#catList .sprite_cat{float:left;margin-top:-6px;margin-right:6px;}
#sharePanel{right:14px;bottom:70px;z-index:100000000;}
#sharePanel .title{display:block;margin-bottom:10px;font-weight:500;}
#zoomTool{bottom:70px;left:20px;}
#zoomTool .title{margin-bottom:10px;font-weight:500;}
.zoomButton{width:30px;height:30px;margin-top:10px;line-height:28px;font-size:25px;}
#sharePanel .sprite_twitter{height:30px;width:30px;margin-top:10px;display:block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-size:20px;line-height:28px;border:1px solid black;text-decoration:none;}
#sharePanel .sprite_facebook{height:30px;width:30px;margin-top:10px;display:block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;font-size:20px;line-height:28px;border:1px solid black;text-decoration:none;}
#timelineContainer{width:65%;right:0px;left:0px;margin-left:auto;margin-right:auto;bottom:15px;}
#timeline{width:100%;}
#timeline.ui-widget-content{background:none;}
.catListLabel{display:block;font-weight:500;}
#menu .pipe{display:none;}
.userMenuButton{text-align:right;display:block;margin:0px;}
.userMenuButton span,#menuToggle #menu span,.userMenuButton{background-color:transparent;font-size:16px;}
#userMenuNotLogin{display:none;}
.panelCenter{z-index:100000000;position:fixed;width:100%;}
#menu .userMenuButton.buttonLang[rel="EN"]{margin-top:20px;}
.recordBox,#userPanel{width:100%;right:0px;margin-right:0px!important;z-index:1000000000!important;}
.panelRight .buttonClose{right:20px;margin-left:0px;margin-top:90px;}
.recordBox .panelInside{width:100%;padding-top:70px;}
.panelCenter .buttonClose{margin-top:10px;right:20px;}
.catButton{opacity:0.3;}}
@media (max-width:480px){}
@media (max-width:979px){}
@media (min-width:980px){}
@media (min-width:1200px){}
@media (max-width:1024px){}
@media (min-width:980px) and (max-width:1199px){}
@media (max-width:1199px){}
@media (min-width:768px) and (max-width:979px){}
@media (max-width:979px){}
@media (max-width:767px){}
@media (max-width:767px){}