@charset "UTF-8";
#honeypot-field-url,.um-form input[type=text].apbct_special_field,.wc_apbct_email_id,input[class*=apbct].apbct_special_field,label[id*=apbct_label_id].apbct_special_field{display:none!important}.apbct-tooltip,.apbct-tooltip--text{border-radius:5px;background:#d3d3d3}.comment-form-cookies-consent{width:100%;overflow:hidden}.apbct-tooltip{display:none;position:inherit;margin-top:5px;left:5px;opacity:.9}.apbct-tooltip--text{position:sticky;padding:10px;width:max-content}.apbct-tooltip--arrow{position:absolute;background:#d3d3d3;width:10px;height:10px;top:-5px;left:10px;transform:rotate(135deg)}.apbct-trusted-text--div{font-size:small!important;display:inline-block;text-align:center;width:100%;margin-bottom:2pc}.apbct-trusted-text--center{font-size:small!important;display:block;text-align:center;width:100%;margin-bottom:2pc}.apbct-trusted-text--label{font-size:small!important;display:inline-block;text-align:center;width:100%;padding:5px 0}.apbct-trusted-text--label_left{font-size:small!important;display:inline-block;text-align:left;padding:5px 0}.apbct-trusted-text--span{display:inline-block}.apbct-popup-fade:before{content:'';background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.7;z-index:9999}.apbct-popup{position:fixed;top:20%;left:50%;padding:20px;width:360px;margin-left:-200px;background:#fff;border:1px solid;border-radius:4px;z-index:99999;opacity:1}.apbct-iframe-preloader{width:48px;height:48px;border-radius:50%;position:relative;left:calc(50% - 27px);top:calc(50% - 27px);animation:apbctIframePreloaderRotate 1s linear infinite}.apbct-iframe-preloader-spin{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:6px solid #FFF;animation:apbctIframePreloaderPrixClipFix 2s linear infinite}.apbct-iframe-preloader-text{color:#fff;background:#000;display:block;width:100%;text-align:center;position:absolute;top:60%}.comments-area .comment-list article .comment-author{overflow:visible!important}@keyframes apbctIframePreloaderRotate{100%{transform:rotate(360deg)}}@keyframes apbctIframePreloaderPrixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}100%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.apbct-check_email_exist-bad_email,.apbct-check_email_exist-good_email,.apbct-check_email_exist-load{z-index:9999;margin:0 6px;transition:none!important;background-size:contain;background-repeat:no-repeat;background-position-x:right;background-position-y:center;cursor:pointer}.apbct-check_email_exist-load{background-size:contain;background-image:url(//www.tatsuyaoe.com/wp-content/plugins/cleantalk-spam-protect/css/images/checking_email.gif)}.apbct-check_email_exist-block{position:fixed;display:block}.apbct-check_email_exist-good_email{background-image:url(//www.tatsuyaoe.com/wp-content/plugins/cleantalk-spam-protect/css/images/good_email.svg)}.apbct-check_email_exist-bad_email{background-image:url(//www.tatsuyaoe.com/wp-content/plugins/cleantalk-spam-protect/css/images/bad_email.svg)}.apbct-check_email_exist-popup_description{display:none;position:fixed;padding:2px;border:1px solid #E5E8ED;border-radius:16px 16px 0;background:#FFF;background-position-x:right;font-size:14px;text-align:center;transition:all 1s ease-out}@media screen and (max-width:782px){.apbct-check_email_exist-popup_description{width:100%}}.ct-encoded-form{display:none}.ct-encoded-form-loader{display:block;width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:ct-encoded-form-loader-spin 1s linear infinite;margin:auto}@keyframes ct-encoded-form-loader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ct-encoded-form-forbidden{display:block;border:1px solid red;padding:10px;background:#fdd;color:red;font-weight:700}.apbct_dog_one,.apbct_dog_three,.apbct_dog_two{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:apbct_dog}.apbct-email-encoder,.apbct-email-encoder--settings_example_encoded{position:relative}.apbct-email-encoder-popup{width:30vw;min-width:400px;font-size:16px}.apbct-email-encoder--popup-header{font-size:16px;color:#333}.apbct-email-encoder-elements_center{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px!important;color:#000!important}.top-margin-long{margin-top:5px}.apbct-tooltip{display:none}.apbct-blur{filter:blur(5px);transition:filter 2s}.apbct-email-encoder.no-blur .apbct-blur{filter:none}.apbct-email-encoder-select-whole-email{-webkit-user-select:all;user-select:all}.apbct-email-encoder-got-it-button{all:unset;margin-top:10px;padding:5px 10px;border-radius:5px;background-color:#333;color:#fff;cursor:pointer;transition:background-color .3s}.apbct-ee-animation-wrapper{display:flex;height:60px;justify-content:center;font-size:16px;align-items:center}.apbct_dog{margin:0 5px;color:transparent;text-shadow:0 0 2px #aaa}.apbct_dog_one{animation-delay:0s}.apbct_dog_two{animation-delay:.5s}.apbct_dog_three{animation-delay:1s}@keyframes apbct_dog{0%,100%,75%{scale:100%;color:transparent;text-shadow:0 0 2px #aaa}25%{scale:200%;color:unset;text-shadow:unset}}@media screen and (max-width:782px){.apbct-email-encoder--settings_example_encoded{position:relative;display:block}.apbct-email-encoder-popup{width:20vw;min-width:200px;font-size:16px;top:20%;left:75%}.apbct-email-encoder-elements_center{flex-direction:column!important;text-align:center}}.apbct-real-user-wrapper{display:inline-flex;color:#000!important;flex-wrap:nowrap;justify-content:center;flex-direction:row;align-items:center}.apbct-real-user-wrapper-woo{display:inline;align-items:center;color:#444!important;font-size:14px}.apbct-real-user-author-name{display:inline-flex}.apbct-real-user-badge{display:inline-flex;padding-left:6px;cursor:pointer;position:relative}.apbct-real-user-popup{position:absolute;padding:16px;font-weight:400;color:#000!important;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:5px 5px 24px -11px #444;z-index:-1;cursor:default;opacity:0;transition-property:opacity,z-index}.apbct-real-user-popup.visible{z-index:1;opacity:1}.apbct-real-user-title{display:grid;gap:4px!important}.apbct-real-user-popup-content_row{display:flex;align-items:center;gap:1px}.apbct-real-user-popup-img{align-self:start;margin:0!important;height:max-content;vertical-align:center}.apbct-real-user-popup-header{font-weight:bolder;margin:0}
.linkcard{margin-bottom:16px!important;margin-left:4px!important;}.linkcard a{text-decoration:none;}.linkcard span.external-icon{display:none;}.linkcard p{display:none;}.lkc-unlink{cursor:not-allowed;}.lkc-external-wrap{border:#888888 solid 1px;background-color:#f8f8f8;}.lkc-internal-wrap{border:#888888 solid 1px;background-color:#ddeeff;}.lkc-this-wrap{border:#888888 solid 1px;background-color:#bbccdd;}.lkc-external-wrap,.lkc-internal-wrap,.lkc-this-wrap{position:relative;margin:0;padding:0;max-width:600px;}.lkc-card{margin-top:8px;margin-bottom:8px;margin-left:8px;margin-right:8px;}.lkc-content{word-break:break-all;white-space:normal;overflow:hidden;height:108px;margin:0 0 8px 0;}.lkc-title{display:block;overflow:hidden;word-break:break-all;color:#111111;font-size:16px;line-height:24px;white-space:wrap;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;font-style:normal;text-decoration:none;}.lkc-title:hover{text-decoration:underline;}.lkc-excerpt{padding:0;overflow:hidden;color:#333333;font-size:11px;line-height:17px;white-space:wrap;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-excerpt:hover{text-decoration:none;}.lkc-url{display:block;margin:0;padding:0;border-radius:4px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#423ad8;font-size:10px;line-height:10px;font-weight:normal;font-style:normal;text-decoration:underline;}.lkc-url:hover{text-decoration:underline;}.lkc-url:link{text-decoration:none;}.lkc-date{display:block;margin:0;padding:0 4px;border-radius:4px;text-decoration:none;overflow:hidden;color:#444444;font-size:10px;line-height:16px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-date:hover{text-decoration:none;}.lkc-external-wrap .lkc-heading{position:absolute;top:-17px;left:20px;padding:0 17px;border:#888888 solid 1px;background-color:#f8f8f8;}.lkc-internal-wrap .lkc-heading{position:absolute;top:-17px;left:20px;padding:0 17px;border:#888888 solid 1px;background-color:#ddeeff;}.lkc-this-wrap .lkc-heading{position:absolute;top:-17px;left:20px;padding:0 17px;border:#888888 solid 1px;background-color:#bbccdd;}.lkc-heading{display:inline;color:#444444;font-size:12px;line-height:32px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-heading:hover{text-decoration:none;}.lkc-external-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:#888888 solid 1px;border-radius:4px;background-color:#f8f8f8;}.lkc-internal-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:#888888 solid 1px;border-radius:4px;background-color:#ddeeff;}.lkc-this-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:#888888 solid 1px;border-radius:4px;background-color:#bbccdd;}.lkc-more{display:inline;position:absolute;padding:0 24px;color:#444444;font-size:12px;line-height:40px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-more:hover{text-decoration:none;}.lkc-info{display:flex!important;margin:0;padding:0;align-items:center;color:#222222;font-size:12px;line-height:12px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-added{display:inline;border-radius:4px;padding:4px;background-color:#365cd9;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-added:hover{text-decoration:none;}.lkc-info:hover{text-decoration:none;}.lkc-info *{margin:0 4px 0 0;white-space:nowrap;overflow:hidden;}.lkc-favicon{display:inline-flex;vertical-align:middle;border:none;height:16px;width:16px;}img.lkc-favicon{margin:-4px 0 0 0!important;object-fit:cover;height:100%;width:100%;}.lkc-domain{display:inline-flex;vertical-align:middle;text-decoration:none;color:#222222;font-size:12px;line-height:12px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-share{text-shadow:none;white-space:nowrap;overflow:hidden;line-height:12px;}.lkc-share *{display:inline;margin:0;padding:0 1px;font-size:9px;text-decoration:underline;font-weight:bold;white-space:nowrap;}.lkc-sns-x{color:#ffffff;background-color:#333;}.lkc-sns-tw{color:#5ea9dd;background-color:#e0f8fa;}.lkc-sns-fb{color:#ffffff;background-color:#3864a3;}.lkc-sns-hb{color:#ff6464;background-color:#ffefef;}.lkc-sns-gp{color:#dd4e42;background-color:#ffffff;}.lkc-sns-po{color:#eeeeee;background-color:#ee4055;}.lkc-url-info{font-weight:normal;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#423ad8;font-size:10px;line-height:10px;font-weight:normal;font-style:normal;text-decoration:underline;}.lkc-url-info:hover{text-decoration:underline;}.lkc-thumbnail{display:flex;float:left;width:162px;margin:0 8px 0 0;}.lkc-thumbnail-img{object-fit:cover;width:160px!important;height:108px!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}.lkc-error{display:block;padding-top:50px;margin-top:-50px;}.clear{clear:both;}blockquote.lkc-quote{background-color:transparent;background-image:none;padding:0;margin:0;border:none;}blockquote.lkc-quote::before{content:'';}blockquote.lkc-quote::after{content:'';}.lkc-iframe-wrap{max-width:600px;}.lkc-iframe{padding:0;margin:0;width:100%;}.srr-tab-wrap{margin:0 0 1em 0!important;background:0 0!important;border:none!important;padding:0!important}.srr-tab-wrap li{list-style:none!important;float:left;background-image:none!important;margin:5px 5px 0 0!important;padding:3px 10px!important;border-radius:3px;border:1px solid #ccc;cursor:pointer}.srr-tab-wrap li:hover{opacity:.9}.srr-main{margin-bottom:1em}.srr-main:last-child{margin-bottom:0}.srr-wrap{padding:0!important;max-width:100%;min-width:100%!important}.srr-wrap div{left:0;right:0}.srr-wrap .srr-item{border-top:0;padding:10px}.srr-wrap:not(.srr-grid) .srr-item:last-child{margin-bottom:0;border-bottom:0}.srr-wrap .srr-item>div>*{margin-bottom:.5em!important}.srr-wrap .srr-item>div>:first-child{margin-top:0}.srr-wrap .srr-meta,.srr-wrap .srr-title{line-height:150%}.srr-wrap .srr-thumb{position:relative;display:inline-block;width:64px;margin-top:.5em;margin-bottom:.5em;overflow:hidden}.srr-thumb img{position:absolute;left:50%;top:50%;width:100%;height:100%;max-width:none;max-height:none;transform:translate(-50%,-50%);object-fit:cover}.srr-thumb.srr-thumb-align_left{float:left;margin-right:1em}.srr-thumb.srr-thumb-align_right{float:right;margin-left:1em}.srr-thumb.srr-thumb-cover{float:none;width:100%!important}.srr-wrap .srr-summary p:last-child{margin-bottom:0}.srr-wrap .srr-summary img{width:100%;margin:0 0 1em 0}.srr-wrap .srr-summary a{margin:0!important}.srr-style-none .srr-item{padding:0 0 20px 0!important}.srr-tab-style-none .srr-active-tab{border:1px solid #888}.srr-style-grey{border:1px solid #dfdfdf}.srr-style-grey .srr-item{border-bottom:1px solid #dfdfdf}.srr-style-grey .srr-stripe{background-color:#f8f8f8}.srr-tab-style-grey .srr-active-tab{border-color:#666!important}.srr-style-dark{background:#000;border:1px solid #ccc;color:#ddd!important}.srr-style-dark a{color:#fff!important}.srr-style-dark .srr-item{border-color:#333}.srr-style-dark .srr-stripe{background:#333}.srr-tab-style-dark li{border-color:#666;background:#333;color:#fff!important}.srr-tab-style-dark .srr-active-tab{background:#666!important}.srr-style-orange{border:2px solid #f90;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 2px 6px 0 rgba(0,0,0,.3);box-shadow:inset 0 2px 6px 0 rgba(0,0,0,.3)}.srr-style-orange .srr-item{border-bottom:1px solid #f90}.srr-tab-style-orange li{border-color:#f90;background:#fff8ec;color:#333!important}.srr-tab-style-orange .srr-active-tab{background:#f90!important;color:#fff!important}.srr-style-orange .srr-thumb img{border-radius:5px}.srr-style-smodern{border:0}.srr-style-smodern .srr-item{border-radius:10px;border:0}.srr-style-smodern:hover .srr-item{opacity:.3}.srr-style-smodern .srr-item:hover{opacity:1}.srr-tab-style-smodern .srr-active-tab{color:#000!important;background:#fff!important;box-shadow:inset 0 0 5px #747474}.srr-style-smodern .srr-stripe{background:#f8f8f8}.srr-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;font-size:0}.srr-grid.srr-wrap{border:none;box-shadow:none;padding:0}.srr-grid>div{display:flex;flex-wrap:wrap}.srr-grid .srr-item{box-sizing:border-box;padding:1em}.srr-grid.srr-g-col-2 .srr-item{flex-basis:calc(50%)}.srr-grid.srr-g-col-3 .srr-item{flex-basis:calc(33%)}.srr-grid.srr-g-col-4 .srr-item{flex-basis:calc(25%)}.srr-pad-items.srr-wrap .srr-item{margin:0 10px 10px 0}.srr-pad-items.srr-wrap .srr-item.srr-last-row-item{margin-right:0}.srr-pad-items.srr-grid.srr-g-col-2 .srr-item{flex-basis:calc(50% - 10px/2)}.srr-pad-items.srr-grid.srr-g-col-3 .srr-item{flex-basis:calc(33% - 20px/3)}.srr-pad-items.srr-grid.srr-g-col-4 .srr-item{flex-basis:calc(25% - 30px/4)}.srr-style-orange.srr-pad-items.srr-grid .srr-item{border:2px solid #f90;border-radius:5px}.srr-style-twitter{border:none}.srr-style-twitter .srr-item{border-bottom:1px solid rgba(15,70,100,.12)}.srr-style-twitter .srr-item:hover{background-color:#f5f8fa}.srr-style-twitter .srr-thumb img{border-radius:5px}.srr-tab-style-twitter li{border:none;border-radius:0;border-bottom:1px solid rgba(15,70,100,.12)}.srr-tab-style-twitter .srr-active-tab{background:rgba(15,70,100,.12)!important;color:#292f33!important}.srr-style-twitter_dark{border:none;background-color:#292f33;color:#fff}.srr-style-twitter_dark a{color:#fff!important}.srr-style-twitter_dark a:hover{text-decoration:underline}.srr-style-twitter_dark .srr-item{border-bottom:1px solid rgba(145,165,180,.6)}.srr-style-twitter_dark .srr-item:hover{background-color:rgba(25,30,35,.61)}.srr-style-twitter_dark .srr-thumb img{border-radius:5px}.srr-style-twitter_dark .srr-summary,.srr-style-twitter_dark .srr-summary>*{color:#fff!important}.srr-tab-style-twitter_dark li{border:none;border-radius:0;border-bottom:1px solid rgba(145,165,180,.6)}.srr-tab-style-twitter_dark .srr-active-tab{background:#292f33!important;color:#fff!important}.srr-style-card{border:0}.srr-style-card.srr-wrap .srr-item,.srr-style-card_dark.srr-wrap .srr-item{padding:3px 3px 10px 3px}.srr-style-card .srr-item>div{background-color:#fff;border-radius:10px;border:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1em}.srr-tab-style-card li{border:none;border-radius:0;border-bottom:3px solid transparent;padding:.25em 1.5em!important;border-radius:10px}.srr-tab-style-card li:hover{background-color:#f8f8f8}.srr-tab-style-card .srr-active-tab{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.12)}.srr-style-card .srr-stripe>div{background:#f8f8f8}.srr-style-card_dark{border:0;color:#fff}.srr-style-card_dark a{color:#fff!important}.srr-style-card_dark a:hover{text-decoration:underline}.srr-style-card_dark .srr-item>div{border-radius:10px;border:0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);background-color:#121212;padding:1em}.srr-style-card_dark .srr-summary,.srr-style-card_dark .srr-summary>*{color:#fff!important}.srr-tab-style-card_dark li{border:none;border-radius:0;border-bottom:3px solid transparent;padding:.25em 1.5em!important;border-radius:10px}.srr-tab-style-card_dark li:hover{color:#fff;background-color:#373737}.srr-tab-style-card_dark .srr-active-tab{background-color:#121212;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.12)}.srr-style-card_dark .srr-stripe>div{background:#373737}@media screen and (max-width:768px){.srr-grid.srr-g-col-4 .srr-item{flex-basis:calc(33%)}.srr-pad-items.srr-grid.srr-g-col-4 .srr-item{flex-basis:calc(33% - 20px/3);margin:0 0 5px 0}.srr-pad-items.srr-grid.srr-g-col-4 .srr-item:nth-child(3n-1){margin:0 5px 5px 5px}}@media screen and (max-width:628px){.srr-grid.srr-g-col-3 .srr-item,.srr-grid.srr-g-col-4 .srr-item{flex-basis:calc(50%)}.srr-pad-items.srr-grid.srr-g-col-3 .srr-item,.srr-pad-items.srr-grid.srr-g-col-4 .srr-item{flex-basis:calc(50% - 10px/2);margin:0 0 5px 0}.srr-pad-items.srr-grid.srr-g-col-3 .srr-item:nth-child(2n),.srr-pad-items.srr-grid.srr-g-col-4 .srr-item:nth-child(2n){margin:0 5px 5px 5px}}@media screen and (max-width:480px){.srr-grid>div{display:block}}#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { overflow-x: hidden; overflow-y: auto; } body { line-height: 1; font-size: 100%; } html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; font-style: normal; vertical-align: baseline; background: transparent; }
object { height: auto !important; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .canvas img { width: auto; max-width: 100%; height: auto !important; } blockquote, q { quotes: none; }
blockquote p:before, blockquote p:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: top; font-weight: normal; }
thead th, thead td { font-weight: bold; vertical-align: bottom; } input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="datetime"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="button"], input[type="submit"], button, textarea, select { margin: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="datetime"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="button"], input[type="submit"], select { vertical-align: middle; }
textarea { overflow: auto; }
input[type="button"], input[type="submit"], button { cursor: pointer; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } ol { list-style-type: decimal-leading-zero; list-style-position: outside; }
ol li { margin-left: 3em; padding-left: 1em; }
ul { list-style-position: inside; }  .clearfix:after,
.ui-helper-clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; } b,
strong { font-weight: 700; } i,
em { font-style: italic; } ::selection {
text-shadow: none;
color: #ffffff !important;
}
::-moz-selection {
text-shadow: none;
color: #ffffff !important;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
} ul, ol, ul ul, ol ol, ul ol, ol ul { margin: 0 0 0 1em; }
ol ol li { list-style-type: upper-alpha; }
ol ol ol li { list-style-type: lower-alpha; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.square li ul,
ul.circle li ul,
ul.disc li ul { list-style: inherit; }
ul.none { list-style: none !important; } pre {
display: block;
padding: 1.5em;
margin: 1em 0 2em;
clear: both;
overflow: auto;
color: #333333;
background-color: #ffffff;
} abbr,
acronym,
dfn {
border-bottom: 1px dotted;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup { bottom: 1ex; }
sub { top: 0.5ex; }
p, ul, ol, dl, blockquote, hr, pre, hgroup, table { margin: 0 0 1.5em; } a { 
text-decoration: underline;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a:hover,
a:active,
a:visited {
text-decoration: none;
}
a img {
display: block;
margin: 0;
padding: 0;
} a.underline,
.underline a {
text-decoration: none;
padding: 2px 0 0;
border-bottom: 2px solid;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
a.underline:hover,
.underline a:hover {
text-decoration: none;
}  .float-left { float: left; }
.float-right { float: right; }
.float-center { float: none; display: inline-block; margin: 0 auto; } .float-left-important { float: left !important; }
.float-right-important { float: right !important; } .align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; } .display-block { display: block; }
.display-inline-block { display: inline-block; }
.display-none { display: none; } .position-fixed { position: fixed; }
.position-absolute { position: absolute; }
.position-relative { position: relative; } .margin-top { margin-top: 2em; }
.margin-left { margin-left: 2em; }
.margin-bottom { margin-bottom: 2em; }
.margin-right { margin-right: 2em; }
.no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .hidden { visibility: hidden; } .transition {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.transition-slow {
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear;
} .corner {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.corner-small {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.corner-top {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.corner-right {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.corner-bottom {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.corner-left {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
} .shadow {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
} .no-bottom { padding-bottom: 0; margin-bottom: 0; }  .alignleft,
.alignnone { float: left; text-align: left; margin: 1em 1.5em 1em 0; }
.aligncenter { margin: 0 auto; text-align: center; margin: 1em 1.5em; }
.alignright { float: right; text-align: right; margin: 1em 0 1em 1.5em; } .wp-caption img { padding: 0; margin: 0; border: 0; }
.wp-caption .wp-caption-text {
display: block;
text-align: left;
padding: 1em 0;
font-style: italic;
font-size: 1em !important;
opacity: 0.25;
filter: alpha(opacity=25);
-khtml-opacity: 0.25;
-moz-opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.wp-caption:hover .wp-caption-text {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.wp-caption.alignleft .wp-caption-text,
.wp-caption.alignnone .wp-caption-text { text-align: left; }
.wp-caption.aligncenter .wp-caption-text { text-align: center; }
.wp-caption.alignright .wp-caption-text { text-align: right; } .wp-smiley { max-height: 13px; margin: 0 !important; } .gallery { float: left; width: 100%; margin: 1em auto; }
.gallery-image { border: none; margin-left: 0; }
.gallery-caption { font-style: italic; margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-item .gallery-caption { margin-bottom: 0 !important; padding-right: 12%; }
.gallery-item img { margin: 0 !important; padding: 0 !important; }
.gallery-item a { float: left; border: none !important; margin:  0 !important; padding: 0 !important; } .sticky {  } .bypostauthor {  } body {
min-height: 100%; font: 0.84em 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, Meiryo, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}    h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0.2em 0 0.4em;
font-weight: 700;
}
h1 { font-size: 2.7em; font-weight: 700; }
h2 { font-size: 2.3em; font-weight: 700; } h3 { font-size: 2.0em; font-weight: 700; margin-top:20px;margin-bottom:20px;}
h4 { font-size: 1.5em; font-weight: 400; }
h5 { font-size: 1.4em; font-weight: 400; }
h6 { font-size: 1.0em; font-weight: 300; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
} h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-size: 80%;
margin-top: 0.2em;
}
h1 small.block,
h2 small.block,
h3 small.block,
h4 small.block,
h5 small.block,
h6 small.block {
display: block;
}
h1 .sub-heading,
h2 .sub-heading,
h3 .sub-heading,
h4 .sub-heading,
h5 .sub-heading,
h6 .sub-heading {
font-size: 75%;
margin-top: 0;
text-transform: none;
} blockquote {
font-size: 2em;
}
blockquote cite { display: block; margin: 0.5em 0 0; font-size: 65%; line-height: 1.1 !important; }
blockquote cite:before { content: "\2013 \00A0"; }  form {
display: block;
clear: both;
} label {
display: block;
margin: 0.5em 0 0.5em;
font-size: 1.5em;
} .input-block,
.textarea-block { position: relative; }
.textarea-block { margin: 1em 0 0; } input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="datetime"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="button"],
input.input-text,
textarea,
select {
display: block;
width: 100%;
padding: 1em 1.5em;
border: 2px solid;
clear: both;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-appearance: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
color: #464b50;
border-color: rgba(0,0,0,0.1);
background-color: #ffffff;
}
input[type="submit"] {
width: auto;
}
textarea {
min-height: 10em;
line-height: 1.5em;
resize: vertical;
}
select {
width: 100%;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/arrow-select.png);
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
}
@-moz-document url-prefix() {
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
}
}
@media
only screen and (max-width: 480px) {
@-moz-document url-prefix() {
select {
text-indent: 5px;
}
}
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="button"]:focus,
input.input-text:focus,
textarea:focus,
select:focus {
outline: none;
border-color: rgba(0,0,0,0.15);
background-color: #ffffff;
-webkit-box-shadow: 0 0 20px #cccccc;
-moz-box-shadow: 0 0 20px #cccccc;
box-shadow: 0 0 20px rgba(0,0,0,0.15);
} .required-star {
margin: 0 0.2em;
}
.required-star-info {
padding: 0.5em 0;
margin: 0;
} label.error {
position: absolute;
padding: 0.4em 1em;
font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 1em;
z-index: 9;
color: #ffffff;
background-color: #e6192d;
}
.input-block label.error,
.textarea-block label.error {
top: 0.5em;
right: 0;
}
input.error,
textarea.error,
input.error:focus,
textarea.error:focus {
border: 2px solid #e6192d;
} button,
.button a,
#submit,
#comment-submit,
input[type="submit"],
button[type="submit"] {
display: inline-block;
padding: 0.5em 1.5em 0.6em;
margin: 1em 0;
font-size: 1.3em;
font-weight: normal;
text-decoration: none;
border: none;
outline: none;
cursor: pointer;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-appearance: none;
-webkit-box-shadow: none;
}
#submit,
#comment-submit,
input[type="submit"],
button[type="submit"] {
font-size: 1.5em; padding: 0.75em 2em 0.85em;
}
button.small,
.button.small a { font-size: 1.2em; padding: 0.3em 1em 0.4em; }
button.medium,
.button.medium a { font-size: 1.3em; padding: 0.5em 1.5em 0.6em; }
button.large,
.button.large a { font-size: 1.5em; padding: 0.75em 2em 0.85em; } input.input-search[type="text"] {
width: 100%;
padding-left: 36px;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/search.png);
background-position: left center;
background-repeat: no-repeat;
} .comments {
display: block;
padding: 1em 0 0;
margin: 1em 0 0;
}
.comments .comments-header {
border-top: 1px dotted rgba(255,255,255,0.2);
padding-top: 0.5em;
}
.comments .be-first {
margin: 0 0 2em;
} .comments .comments-list { margin: 2em 0 0; }
.comments .comment { float: left; width: 100%; display: block; margin: 0 0 1.5em; clear: both; }
.comments .comment p { padding-bottom: 1em; }
.comments .comment-body {
position: relative;
padding: 1.5em;
margin-left: 5em;
}
.comments .comment-body:before {
content: '';
position: absolute;
width: 0;
height: 0;
top: 0;
left: -10px;
border-top: 10px solid;
border-left: 10px solid transparent;
}
.comments .comment-body .alert { border: 2px solid; }
.comments .comment-date { margin: 0.5em 0 0; font-size: 0.9em; }
.comments .comment-date a { margin: 0 0 0 1em; text-decoration: none; background-color: transparent; border-bottom: 2px solid;}
.comments .comment-date a:hover { background-color: transparent; border-bottom: 2px solid; }
.comments .comment-meta { margin: 0 0 1em; }
.comments .comment-meta h5 { padding: 0; margin: 0; }
.comments .comment-meta h5 a { background-color: transparent; border-bottom: 2px solid; }
.comments .comment-meta h5 a:hover { background-color: transparent; border-bottom: 2px solid; }
.comments .comment-content { margin: 1em 0 0; position: relative; }
.comments .comment-content .comment-text { margin-right: 5em; }
.comments .comment-content .comment-text p { padding-bottom: 0; margin-bottom: 0; }
.comments .comment-content .comment-reply { position: absolute; right: 0; bottom: 0; }
.comments .comment-content .comment-reply a { padding: 0.2em 0.5em; margin: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif !important; font-size: 0.9em; border: 2px solid; background-color: transparent !important; }
.comments .comment-content .comment-reply a:hover { border: 2px solid; } .comments .comment .depth-2,
.comments .comment .depth-3,
.comments .comment .depth-4,
.comments .comment .depth-5 { padding-left: 5em; padding-right: 0; margin: 1.5em 0 0; } .comments .comment-form #respond {
display: block;
padding: 1em 0 0;
margin: 1em 0 0;
border-top: 2px solid rgba(0,0,0,0.15);
}
.comments .comment-notes { margin: 0; }
.comments .comment-form-author input,
.comments .comment-form-email input,
.comments .comment-form-url input { width: 100%; }
.comments .comment-form-comment textarea { width: 100%; clear: both; }
.comments .form-allowed-tags { padding: 1em 0; margin: 0; clear: both; }
.comments .form-allowed-tags code { display: block; }
.comments .form-submit { padding: 0; margin: 0; } .comments .comments-list #respond { display: block; position: relative; margin: 52px 0 2em; }
.comments .comments-list textarea { width: 100%; clear: both; }
.comments .comments-list #cancel-comment-reply-link { position: absolute; top: 0; right: 0; font-size: 0.9em; } .comments .pagination { display: block; margin: 1.5em 0 3em; }
.comments .pagination .next { float: right; }  .grid {
padding-bottom: 2%;
overflow: visible;
}
.grid.no-bottom {
padding-bottom: 0;
}
.grid:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.grid.centered {
float: none;
margin: 0 auto;
} .grid .inner { padding: 1.5em; }
.grid .inner-top { padding: 1.5em 0 0 0; }
.grid .inner-right { padding: 0 1.5em 0 0; }
.grid .inner-bottom { padding: 0 0 1.5em 0; }
.grid .inner-left { padding: 0 0 0 1.5em; }
.grid .inner-no-top { padding: 0 1.5em 1.5em 1.5em; }
.grid .inner-no-top-right { padding: 0 0 1.5em 1.5em; }
.grid .inner-no-top-bottom { padding: 0 1.5em 0 1.5em; }
.grid .inner-no-top-left { padding: 0 1.5em 1.5em 0; }
.grid .inner-no-right { padding: 1.5em 0 1.5em 1.5em; }
.grid .inner-no-right-left { padding: 1.5em 0 1.5em 0; }
.grid .inner-no-bottom { padding: 1.5em 1.5em 0 1.5em; }
.grid .inner-no-bottom-right { padding: 1.5em 0 0 1.5em; }
.grid .inner-no-bottom-left { padding: 1.5em 1.5em 0 0; }
.grid .inner-no-left { padding: 1.5em 1.5em 1.5em 0; }
.grid .inner:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
} .one-entire, .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .one-eighth, .two-third, .two-fourth, .two-fifth, .two-sixth, .two-eighth, .three-fourth, .three-fifth, .three-sixth, .three-eighth, .four-fifth, .four-sixth, .four-eighth, .five-sixth, .five-eighth, .six-eighth, .seven-eighth {
float: left;
margin-left: 4%;
}
.one-half.margin-right, .one-third.margin-right, .one-fourth.margin-right, .one-fifth.margin-right, .one-sixth.margin-right, .one-eighth.margin-right, .two-third.margin-right, .two-fourth.margin-right, .two-fifth.margin-right, .two-sixth.margin-right, .two-eighth.margin-right, .three-fourth.margin-right, .three-fifth.margin-right, .three-sixth.margin-right, .three-eighth.margin-right, .four-fifth.margin-right, .four-sixth.margin-right, .four-eighth.margin-right, .five-sixth.margin-right, .five-eighth.margin-right, .six-eighth.margin-right, .seven-eighth.margin-right {
margin-left: 0;
margin-right: 4%;
}
.one-entire, .one-half:first-child, .one-third:first-child, .one-fourth:first-child, .one-fifth:first-child, .one-sixth:first-child, .one-eighth:first-child, .two-third:first-child, .two-fourth:first-child, .two-fifth:first-child, .two-sixth:first-child, .two-eighth:first-child, .three-fourth:first-child, .three-fifth:first-child, .three-sixth:first-child, .three-eighth:first-child, .four-fifth:first-child, .four-sixth:first-child, .four-eighth:first-child, .five-sixth:first-child, .five-eighth:first-child, .six-eighth:first-child, .seven-eighth:first-child {
margin-left: 0;
} .one-entire { width: 100%; }
.one-half { width: 48%; }
.one-third { width: 30.6%; } 
.one-fourth { width: 22%; }
.one-fifth { width: 16.8%; }
.one-sixth { width: 13.3%; }
.one-eighth { width: 9%; }
.one-tenth { width: 6.4%; }
.two-third { width: 65.2%; }
.two-fourth { width: 48%; }
.two-fifth { width: 37.6%; }
.two-sixth { width: 30.6%; }
.two-eighth { width: 22%; }
.two-tenth { width: 16.8%; }
.three-fourth { width: 74%; }
.three-fifth { width: 58.4%; }
.three-sixth { width: 48%; }
.three-eighth { width: 35%; }
.four-fifth { width: 79.2%; }
.four-sixth { width: 65.2%; }
.four-eighth { width: 48%; }
.five-sixth { width: 82.5%; }
.five-eighth { width: 61%; }
.six-eighth { width: 74%; }
.seven-eighth { width: 83%; }
.one-third:first-child { width: 30.8%; }
.one-sixth:first-child { width: 13.5%; }
.two-third:first-child { width: 65.4%; }
.two-sixth:first-child { width: 30.8%; }  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
transition-property: height;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
} .grid-tiles,
.grid-tiles-sidebar {
display: block;
padding: 0;
margin-right: -3em;
overflow: visible !important;
}
.grid-tiles .tile,
.grid-tiles-sidebar .tile {
display: block;
padding: 0;
margin: 0;
}
.grid-tiles .tile .tile-block,
.grid-tiles-sidebar .tile .tile-block {
position: relative;
overflow: hidden;
padding: 0 0 1em;
margin: 0 3em 3em 0;
z-index: 1;
border-bottom: 4px solid rgba(0,0,0,0.15);
} .toolbar-container,
.header-container,
.title-container,
.slideshow-container,
.canvas-container,
.footer-container,
.block-container,
.copyright-container {
width: 1260px;
padding: 0 40px;
margin: 0 auto;
} .toolbar {
float: left;
width: 100%;
clear: both;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.toolbar-container {
display: table;
height: 100%;
}
.toolbar ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.toolbar ul li {
float: left;
display: inline;
margin: 0;
list-style: none;
}
.toolbar .row {
float: left;
} .toolbar-left {
display: table-cell;
vertical-align: middle;
opacity: 0.4;
filter: alpha(opacity=40);
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
} .toolbar-right {
float: right;
}
.toolbar-right ul {
float: left;
} .socials li {
float: left;
display: inline;
margin: 0;
}
.socials li a {
display: block;
position: relative;
width: 40px;
height: 40px;
text-indent: -9999px;
color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
border: solid rgba(255,255,255,0.1);
border-width: 0 1px 0 0;
}
.socials li:first-child a {
border-width: 0 1px 0 1px;
}
.socials li a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.4;
filter: alpha(opacity=40);
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.socials li a:hover {
color: #ffffff;
}
.socials li a:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.socials li.social-twitter a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/twitter.png); }
.socials li.social-twitter a:hover { background-color: #00bef6; }
.socials li.social-facebook a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/facebook.png); }
.socials li.social-facebook a:hover { background-color: #3b5998; }
.socials li.social-googleplus a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/googleplus.png); }
.socials li.social-googleplus a:hover { background-color: #dd4b39; }
.socials li.social-amazon a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/amazon.png); }
.socials li.social-amazon a:hover { background-color: #ff9900; }
.socials li.social-youtube a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/youtube.png); }
.socials li.social-youtube a:hover { background-color: #af2b26; }
.socials li.social-vimeo a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vimeo.png); }
.socials li.social-vimeo a:hover { background-color: #ff0084; }
.socials li.social-itunes a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/itunes.png); }
.socials li.social-itunes a:hover { background-color: #1d88d9; }
.socials li.social-soundcloud a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/soundcloud.png); }
.socials li.social-soundcloud a:hover { background-color: #fe4a00; }
.socials li.social-beatport a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/beatport.png); }
.socials li.social-beatport a:hover { background-color: #a8e00f; }
.socials li.social-mixcloud a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/mixcloud.png); }
.socials li.social-mixcloud a:hover { background-color: #63878b; }
.socials li.social-purevolume a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/purevolume.png); }
.socials li.social-purevolume a:hover { background-color: #008ee8; }
.socials li.social-spotify a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/spotify.png); }
.socials li.social-spotify a:hover { background-color: #7ea613; }
.socials li.social-lastfm a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/lastfm.png); }
.socials li.social-lastfm a:hover { background-color: #c40d17; }
.socials li.social-myspace a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/myspace.png); }
.socials li.social-myspace a:hover { background-color: #0094e0; }
.socials li.social-grooveshark a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/grooveshark.png); }
.socials li.social-grooveshark a:hover { background-color: #f77f00; }
.socials li.social-bandcamp a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/bandcamp.png); }
.socials li.social-bandcamp a:hover { background-color: #629aa9; }
.socials li.social-jamendo a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/jamendo.png); }
.socials li.social-jamendo a:hover { background-color: #6d2f71; }
.socials li.social-reverbnation a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/reverbnation.png); }
.socials li.social-reverbnation a:hover { background-color: #e43526; }
.socials li.social-flickr a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/flickr.png); }
.socials li.social-flickr a:hover { background-color: #ff0084; }
.socials li.social-tumblr a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/tumblr.png); }
.socials li.social-tumblr a:hover { background-color: #2c4762; }
.socials li.social-pinterest a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/pinterest.png); }
.socials li.social-pinterest a:hover { background-color: #cb2027; }
.socials li.social-instagram a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/instagram.png); }
.socials li.social-instagram a:hover { background-color: #517fa4; }
.socials li.social-vk a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vk.png); }
.socials li.social-vk a:hover { background-color: #4e729a; }
.socials li.social-linkedin a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/linkedin.png); }
.socials li.social-linkedin a:hover { background-color: #0077b5; }
.socials li.social-reddit a:before { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/reddit.png); }
.socials li.social-reddit a:hover { background-color: #ff5415; } .modal-search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
z-index: 9999999;
background-color: rgba(0,0,0,0.9);
}
.modal-search-inner {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.modal-search-input {
display: block;
position: relative;
width: 50%;
margin: 0 auto;
vertical-align: middle;
z-index: 999999;
}
.modal-search-input input[type="text"] {
border: none;
padding: 1.5em 3em 1.5em 5em;
font-size: 1.6em;
background-position: 2em center;
}
.modal-search-close { 
position: absolute;
right: 0;
top: 20px;
margin: 0;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 999;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/controls.png);
background-position: left -180px;
background-repeat: no-repeat;
}
.modal-search-button li {
float: left;
display: inline;
}
.modal-search-button li a {
display: block;
position: relative;
width: 40px;
height: 40px;
text-indent: -9999px;
color: #ffffff;
margin: 0 !important;
text-indent: -9999px !important;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/search-light.png);
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
border: solid rgba(255,255,255,0.1);
border-width: 0 1px 0 0;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
} .toolbar .qtranxs_language_chooser {
float: left;
}
.toolbar .qtranxs_language_chooser li {
width: 40px;
height: 40px;
padding: 0;
margin: 0;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;	
}
.toolbar .qtranxs_language_chooser li a {
float: left; 
width: 100%;
height: 100%;
text-indent: -9999px;
background-position: center center;
border: solid rgba(255,255,255,0.1);
border-width: 0 1px 0 0;
}
.toolbar .qtranxs_language_chooser li.active a {
background-color: rgba(255,255,255,0.05);
}
.toolbar .qtranxs_widget_end {
display: none;
} .toolbar .qtranxs_language_chooser img { padding-left:12px;padding-top:12px; } .toolbar .ppqtrans_language_chooser {
float: left;
}
.toolbar .ppqtrans_language_chooser li {
width: 40px;
height: 40px;
padding: 0;
margin: 0;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;	
}
.toolbar .ppqtrans_language_chooser li a {
float: left;
width: 100%;
height: 100%;
text-indent: -9999px;
background-position: center center;
border: solid rgba(255,255,255,0.1);
border-width: 0 1px 0 0;
}
.toolbar .ppqtrans_language_chooser li.active a {
background-color: rgba(255,255,255,0.05);
}
.toolbar .ppqtrans_widget_end {
display: none;
} .header {
float: left;
display: block;
width: 100%;
clear: both;
border-bottom: 0px solid rgba(255,255,255,0.1); }
.header-container {
display: table;
margin: 0 auto;
} .header .logo {
float: left;
padding: 2em 0;
margin: 0;
}
.header .logo-image a {
width: 100%;
}
.header .logo-image img {
max-width: none !important;
}
.header .logo-image a,
.header .logo-default a {
float: left;
padding: 0;
margin: 0;
background-color: transparent;
background-image: none;
} .navigation {
display: table-cell;
vertical-align: middle;
padding: 0;
margin: 0;
font-size: 0;
z-index: 99999;
} .navigation-primary {
float: right;
} .navigation-primary li {
float: left;
margin-left: 2em;
position: relative;
font-size: 15px;
list-style: none;
}
.ie7 .navigation-primary li {
display: inline;
}
.navigation-primary li a {
display: block;
padding: 0.2em 0;
line-height: 1.3;
text-decoration: none;
border-bottom: 2px solid;
border-color: transparent;
}
.navigation-primary li:hover a,
.navigation-primary li a:hover {
cursor: pointer;
background-color: transparent;
} .navigation-primary li .sub-menu,
.navigation-primary li .children {
position: absolute;
left: 0;
top: -9999px;
width: 220px;
height: auto;
text-align: left;
padding: 20px 0 0;
margin: 0;
z-index: 9999999;
-webkit-backface-visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
-webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.25);
-moz-box-shadow: 0 5px 7px rgba(0,0,0,0.25);
box-shadow: 0 5px 7px rgba(0,0,0,0.25);
}
.navigation-primary li .sub-menu:before,
.navigation-primary li .children:before {
content: '';
position: absolute;
width: 0;
height: 0;
top: 10px;
left: 0;
border-left: 10px solid;
border-top: 10px solid transparent !important;
}
.navigation-primary li:hover .sub-menu,
.navigation-primary li:hover .children {
top: auto;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.navigation-primary li .sub-menu li,
.navigation-primary li .children li {
float: none !important;
display: block;
position: relative;
width: 220px;
height: auto;
margin: 0;
padding: 0 1em;
border: none;
font-size: 15px;
font-weight: 400;
}
.navigation-primary li:hover .sub-menu li,
.navigation-primary li:hover .children li {
border: none;
height: auto;
}
.navigation-primary li .sub-menu li:first-child,
.navigation-primary li .children li:first-child {
padding-top: 13px;
}
.navigation-primary li .sub-menu li:last-child,
.navigation-primary li .children li:last-child {
padding-bottom: 10px;
}
.navigation-primary li .sub-menu li a,
.navigation-primary li .children li a {
float: none;
display: block;
height: auto;
clear: both;
padding: 0.75em 10px 0.85em !important;
border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}
.navigation-primary li .sub-menu li:last-child a,
.navigation-primary li .children li:last-child a {
border-bottom: 1px solid transparent !important;
} .navigation-primary li:last-child .sub-menu,
.navigation-primary li:last-child .children,
.navigation-primary li:nth-last-child(2) .sub-menu,
.navigation-primary li:nth-last-child(2) .children,
.navigation-primary li:last-child .sub-menu:before,
.navigation-primary li:last-child .children:before,
.navigation-primary li:nth-last-child(2) .sub-menu:before,
.navigation-primary li:nth-last-child(2) .children:before {
left: auto;
right: 0;
text-align: right;
}
.navigation-primary li:last-child .sub-menu:before,
.navigation-primary li:last-child .children:before,
.navigation-primary li:nth-last-child(2) .sub-menu:before,
.navigation-primary li:nth-last-child(2) .children:before {
border-left: 0;
border-right: 10px solid;
}
.navigation-primary li:last-child .sub-menu li .sub-menu,
.navigation-primary li:last-child .children li .children,
.navigation-primary li:nth-last-child(2) .sub-menu li .sub-menu,
.navigation-primary li:nth-last-child(2) .children li .children {
left: auto !important;
right: 220px !important;
width: 220px;
text-align: right;
} .navigation-primary li .sub-menu li .sub-menu,
.navigation-primary li .children li .children {
position: absolute;
top: -999px !important;
left: 220px !important;
width: 220px;
padding: 0;
margin: 0;
text-align: left;
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.navigation-primary li .sub-menu li .sub-menu:before,
.navigation-primary li .children li .children:before {
content: '';
position: absolute;
width: 0;
height: 0;
top: 0;
left: 0;
border-left: 0;
border-top: 0;
}
.navigation-primary li:hover .sub-menu li .sub-menu,
.navigation-primary li:hover .children li .children {
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.navigation-primary li .sub-menu li:hover .sub-menu,
.navigation-primary li .children li:hover .children {
top: 0 !important;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.navigation-primary li .sub-menu li .sub-menu li a,
.navigation-primary li .children li .children li a {
border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}
.navigation-primary li .sub-menu li .sub-menu li:last-child a,
.navigation-primary li .children li .children li:last-child a {
border-bottom: 1px solid transparent !important;
} .navigation-mobile {
display: none;
position: absolute;
width: 100%;
top: 194px;
right: 0;
padding: 0 40px;
z-index: 999999;
}
.mobile-active .navigation-mobile {
display: block;
}
.navigation-primary-mobile {
display: block;
position: relative;
-webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.25);
-moz-box-shadow: 0 5px 7px rgba(0,0,0,0.25);
box-shadow: 0 5px 7px rgba(0,0,0,0.25);
}
.navigation-primary-mobile:before {
content: '';
position: absolute;
width: 0;
height: 0;
top: -10px;
right: 0;
border-right: 10px solid;
border-top: 10px solid transparent !important;
}
.navigation-primary-mobile li {
display: block;
width: 100%;
padding: 0 1em;
list-style: none;
font-size: 20px;
font-weight: 600;
}
.navigation-primary-mobile li a {
display: block;
width: 100%;
padding: 0.5em 1em;
text-decoration: none;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,0.15);
}
.navigation-primary-mobile li a:hover {
border-bottom: 1px solid rgba(0,0,0,0.15);
}
.navigation-primary-mobile li:last-child a {
border-bottom: none;
}
.navigation-primary-mobile li ul {
margin: 0;
}
.navigation-primary-mobile li li {
font-size: 15px;
font-weight: 300;
}
.navigation-primary-mobile li li a:before {
content: '\2192\00A0';
}
.navigation-primary-mobile li li a {
padding: 0.5em 1em 0.5em 1em;
border-bottom: 1px solid rgba(0,0,0,0.15) !important;
} .navigation-mobile-button {
float: right;
display: none;
width: 30px;
height: 60px;
margin: 0;
z-index: 999;
cursor: pointer;
background-color: transparent !important;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/navigation.png);
background-position: top center;
background-repeat: no-repeat;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.mobile-active .navigation-mobile-button {
background-position: bottom center;
} .navigation-categories {
display: block;
padding: 0;
margin: 0 0 3em;
}
.navigation-categories ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.navigation-categories ul li {
float: left;
width: 100%;
clear: both;
padding: 0;
list-style: none;
}
.navigation-categories ul li a {
float: left;
width: 100%;
clear: both;
padding: 0.5em 0;
margin: 0;
text-decoration: none;
font-size: 1.3em;
font-weight: 700;
border-bottom: 1px solid;
background-color: transparent;
}
.navigation-categories ul li:last-child a {
border-bottom: 0 !important;
}
.navigation-categories ul li ul li a:before {
content: '\2192\2002';
}
.navigation-categories ul li ul li a {
padding: 0.25em 1em;
font-weight: 300;
}
.navigation-categories ul li.current-cat ul li a {
background-color: transparent;
font-weight: 300;
}
.navigation-categories ul li ul li ul li a {
padding-left: 2.5em;
} .title {
float: left;
width: 100%;
padding: 2em 0;
clear: both;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.title-container {
position: relative;
display: table;
}
.title h1 {
margin: 0;
} .title .edit-post-link {
position: relative;
top: -1em;
margin-left: 1em;
font-size: 0.4em !important;
font-weight: 300;
} .canvas {
float: left;
display: block;
width: 100%;
clear: both;
}
.canvas:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.canvas-container {
display: block;
padding-top: 3em;
padding-bottom: 3em;
}
.canvas.border-bottom {
border-bottom: 1px solid rgba(0,0,0,0.15);
} .block {
float: left;
width: 100%;
clear: both;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.block-container {
display: block;
padding-top: 3em;
padding-bottom: 1em;
} .content {
float: left;
display: block;
position: relative;
width: 100%;
padding: 0;
margin: 0 auto;
z-index: 1;
} .sidebar { width: 32%; }
.content-sidebar { width: 68%; }
.sidebar-left {
float: left;
padding: 0 5em 0 0;
}
.sidebar-right {
float: right;
padding: 0 0 0 5em;
}
.content-sidebar-left {
float: right;
}
.content-sidebar-right {
float: left;
} .page-content,
.single-content {
display: block;
width: 100%;
margin: 0 auto 2em;
clear: both; font-size: 1.12em;
line-height: 1.65em;
}
.page-content:after,
.single-content:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.page-template-template-home-php .page-content {
margin-bottom: 0 !important;
}
.page-content p,
.single-content p { 
line-height: 1.6em;
}
.page-content blockquote,
.single-content blockquote {
margin: 1em 2em;
} .page-content ul,
.single-content ul,
.single-post-content ul {
padding-left: 2em;
line-height: 2em;
} .single-post-content {
margin: 2em 0 1em;
padding: 1.5em 0; font-size: 1.16em;
line-height: 1.85em;
}
.single-post-content:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
} .page-content h3 {text-transform: capitalize;} .page-content h4 {text-transform: capitalize;}  .slideshow {
float: left;
display: block;
width: 100%;
overflow: hidden;
clear: both;
border-bottom: 1px solid rgba(255,255,255,0.1)
}
.slideshow-container {
display: block;
position: relative;
padding: 0 40px;
overflow: hidden;
z-index: 1;
}
.slideshow-container.fullwidth {
width: 100%;
padding: 0;
}
.slider,
.slider-container {
width: 100%; max-height: 420px; position: relative;
overflow: hidden; margin-top:20px;
margin-bottom:20px;
}
.slider ul {
list-style: none;
visibility: hidden;
border: none;
} .slider .slide-caption {
position: absolute;
padding: 0;
margin: 0; }
.slider .slide-caption .slide-title {
float: left;
padding: 0;
margin: 0;
clear: both;
font-size: 30px !important;
font-weight: 700;
line-height: 1.1em;
background-color: transparent;
}
.slider .slide-caption .slide-title a {
float: left;
padding: 0.75em 20px;
}
.slider .slide-caption .slide-title.without-link {
padding: 0.75em 20px;
}
.slider .slide-caption .slide-description {
float: left;
padding: 1.5em 20px;
margin: 0;
clear: both;
font-size: 14px !important;
}
.slider .slide-caption .slide-description a {
text-decoration: none;
border-bottom: 2px solid;
}
.slider .slide-caption .slide-description a:hover {
text-decoration: none;
border-bottom: 2px solid transparent;
}  .slider .tpclear {
clear: both;
}
.slider .tp-simpleresponsive a {
text-decoration: none;
}
.slider .tp-simpleresponsive ul {
display: none;
list-style: none;
padding: 0;
margin: 0;
}
.slider .tp-simpleresponsive > ul > li {
position: absolute;
visibility: hidden;
list-style: none;
}
.slider .tp-simpleresponsive img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
} .slider .caption.slidelink a div,
.slider .tp-caption.slidelink a div {
width: 3000px;
height: 1500px;
} .slider .tp-loader {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px -10px;
z-index: 10000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/loading.gif) top left no-repeat;
}
.slider .tp-transparentimg {
content: 'url(//www.tatsuyaoe.com/wp-content/themes/metric/images/transparent.png)';
}
.slider .tp-3d {
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%; 
} .slider .tp-simpleresponsive .slotholder *,
.slider .tp-simpleresponsive img {
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
} .slider .tp-caption {
visibility: hidden;
z-index: 1;
}
.slider .tp-simpleresponsive .caption,
.slider .tp-simpleresponsive .tp-caption {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slider .tp-hide-revslider,
.slider .tp-caption.tp-hidden-caption {
visibility: hidden !important;
display: none !important;
} .slider .tp-simpleresponsive img {
max-width: none;
} .slider .noFilterClass {
filter: none !important;
} .slider .caption.video,
.slider .tp-caption.video {
visibility: hidden;
position: absolute;
top: 40%;
left: 50%;
margin-top: -180px;
margin-left: -320px;
width: 640px;
height: 360px;
z-index: 99999999;
}
.slider .caption.video,
.slider .caption.fullscreenvideo,
.slider .tp-caption.video,
.slider .tp-caption.fullscreenvideo {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slider .caption.video {
-webkit-box-shadow: 0 5px 25px rgba(0,0,0,1);
-moz-box-shadow: 0 5px 25px rgba(0,0,0,1);
box-shadow: 0 5px 25px rgba(0,0,0,1);
}
.slider .caption.fullscreenvideo,
.slider .tp-caption.fullscreenvideo {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
z-index: 99999999;
}
.slider .caption.video iframe,
.slider .caption.fullscreenvideo iframe,
.slider .tp-caption.video iframe,
.slider .tp-caption.fullscreenvideo iframe {
width: 100% !important;
height: 100% !important;
} .slider .tp-bullets {
position: absolute;
top: auto !important;
left: auto !important;
bottom: 0 !important;
right: 20px !important;
z-index: 1000;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.slider .tp-bullets.hidebullets {
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slider .tp-bullets {
padding: 0;
margin: 0 0 2em;
height: 20px;
}
.slider .tp-bullets .bullet {
float: left;
position: relative;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/bullet-square.png) !important;
background-color: transparent !important;
background-repeat: no-repeat !important;
background-position: top center !important;
}
.slider .tp-bullets .bullet.selected {
background-position: bottom center !important;
}
.slider .tp-bullets .bullet:hover {
background-position: center center !important;
}
.slider .tp-bullets .bullet.selected:hover {
background-position: bottom center !important;
}
.slider .tp-bullets.round .bullet,
.slider .tp-bullets.round-old .bullet {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/bullet-round.png) !important;
}
.slider .tp-bullets.square .bullet,
.slider .tp-bullets.square-old .bullet,
.slider .tp-bullets.navbar-old .bullet {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/bullet-square.png) !important;
} .slider .tp-bullets.tp-thumbs {
position: absolute;
top: 0 !important;
left: 0 !important;
bottom: auto !important;
right: auto !important;
width: 100% !important;
height: 70px !important;
margin: 0 !important;
padding: 10px 0 10px !important;
z-index: 1000 !important;
}
.slider .tp-bullets.tp-thumbs.hidebullets {
top: -70px !important;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slider .tp-bullets.tp-thumbs .tp-mask {
position: relative;
width: 100% !important;
height: 70px;
overflow: hidden;
}
.slider .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
position: absolute;
width: 5000px;
}
.slider .tp-bullets.tp-thumbs .bullet { 
float: left !important;
width: 108px !important;
height: 50px !important;
padding: 0 10px 0 0 !important;
margin: 0 !important;
cursor: pointer !important;
overflow: hidden !important;
background: none !important;
opacity: 0.4;
filter: alpha(opacity=40);
-khtml-opacity: 0.4;
-moz-opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.slider .tp-bullets.tp-thumbs .bullet:hover,
.slider .tp-bullets.tp-thumbs .bullet.selected {
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slider .tp-thumbs img {
width: 100%;
} .slider .tparrows {
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-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;
-webkit-transform: translateZ(5px);
}
.slider .tparrows.hidearrows {
opacity: 0;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slider .tp-leftarrow {
position: relative;
left: 20px !important;
width: 25px;
height: 50px;
cursor: pointer;
z-index: 100;
background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/arrows.png) top center no-repeat;
}
.slider .tp-rightarrow {
position: relative;
right: 20px !important;
width: 25px;
height: 50px;
cursor: pointer;
z-index: 100;
background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/arrows.png) bottom center no-repeat;
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.slider .responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important; }
.slider .responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important; }
.slider .responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.slider .responsive .tp-bullets { display: none; }
.slider .responsive .tparrows {	display: none; }
}  .post-image {
float: left;
width: 100%;
clear: both;
margin: 0 0 1em;
}
.format-audio .post-image {
margin-bottom: 0;
}
.post-image:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
} .post-header {
font-size: 1.4em; line-height: 1.6em;
padding: 0;
margin: 0 0 1em;
}
.post-header a,
.post-header a:hover {
text-decoration: none;
border-bottom: 2px solid; } .post-header-update {
font-size: 1.12em;
line-height: 1.6em;
padding: 0;
margin: 0 0 1em;
}
.post-header-update a,
.post-header-update a:hover {
text-decoration: none; }  .post-footer {
display: block;
padding: 0 0 1em;
clear: both;
} .post-content {
float: left;
width: 100%;
clear: both;
} .post-meta {
display: block;
margin: 0 0 1em;
font-style: italic;
clear: both;
}
.post-meta ul {
list-style: none;
}
.post-meta ul li {
float: left;
margin: 0 1.5em 0 0 !important;
} .post-date {
font-style: italic;
font-weight: 300;
} .post-comments {
float: left;
}
.post-comments a {
float: left;
text-decoration: none;
background: transparent !important;
} .post-comments .icon-comment {
float: left;
position: relative;
width: 13px;
height: 9px;
margin: 0.3em 0.5em 0 0.02em;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
.post-comments .icon-comment:after {
content: '';
position: absolute;
width: 3px;
height: 3px;
left: 4px;
bottom: -3px;
overflow: hidden;
border-left: 3px solid; 
border-bottom: 3px solid transparent !important;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.post-comments .icon-comment:hover {
background-color: transparent;
}
.post-comments .icon-comment:hover  {
cursor: pointer;
}
.post-comments .icon-comment:hover:after {
border-bottom-color: transparent !important;
} .post-likes {
float: left;
margin: 0 0 0 1em !important;
}
.post-likes .zilla-likes {
margin: 0 !important;
} .post-audio {
float: left;
width: 100%;
margin: 0 0 1em;
} .post-more a,
.post-more a:hover {
background-color: transparent;
text-decoration: none;
} .post-buy.button {
float: left;
width: 100%;
clear: both;
margin: 0 2px 2px 0;
}
.post-buy.button a {
float: left;
width: 100%;
margin: 0;
padding: 0.5em 1em;
font-size: 1.2em;
text-decoration: none;
} .post-tags {
display: block;
margin: 1em 0;
clear: both;
}
.post-tags a {
float: left;
margin: 0 2px 2px 0;
padding: 0.5em 1em;
font-size: 1em !important;
text-decoration: none;
} .post-tags-top {
display: inline;
margin: 1em 0;
clear: both;
}
.post-tags-top a {
float: left;
margin: 0 2px 2px 0;
padding: 0.5em 1em;
font-size: 1em !important;
text-decoration: none;
} .post-price,
.post-price {
margin: 0.1em 0 0;
font-size: 1.4em;
list-style: none;
}
.post-price .price,
.post-price .price {
padding: 0;
margin: 0;
clear: both;
} .post-share { display:none;
float: left;
width: 100%;
padding: 2em 0;
clear: both;
}
.post-share li {
float: left;
display: inline;
padding: 0;
margin: 0 2px 2px 0 !important;
}
.post-share li a {
display: block;
width: 40px;
height: 40px;
text-indent: -9999px;
color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
}
.post-share li a:hover {
color: #ffffff;
}
.post-share li.social-twitter a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/twitter.png); }
.post-share li.social-facebook a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/facebook.png); }
.post-share li.social-googleplus a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/googleplus.png); }
.post-share li.social-pinterest a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/pinterest.png); }
.post-share li.social-vk a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vk.png); } .post-facebook,
.post-vk {
float: left;
}
.post-facebook a,
.post-vk a {
padding-left: 40px !important;
background-position: 10px center;
background-repeat: no-repeat;
}
.post-facebook a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/facebook.png);
}
.post-vk a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vk.png);
} .format-quote blockquote {
display: block;
padding: 0;
margin: 0 0 1em;
}
.format-quote .post-header {
font-size: 1.3em !important;
font-weight: 400;
}
.format-quote .post-meta a,
.format-quote .post-meta a:hover {
text-decoration: none;
} .grid-callout-home {
width: 100%;
} .grid-callout-home .post {
float: left;
position: relative;
z-index: 999;
text-align: center;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.grid-callout-home .post { margin-right: 4%; }
.grid-callout-home .post:last-child { margin-right: 0 !important; }
.grid-callout-home.posts-no-1 .post,
.grid-callout-home.posts-no-2 .post,
.grid-callout-home.posts-no-3 .post { width: 30.66%; }
.grid-callout-home.posts-no-4 .post { width: 22.00%; }
.grid-callout-home.posts-no-5 .post { width: 16.8%; } .grid-callout-home .post .post-title {
display: table;
width: 100%;
height: 100%;
margin: 0;
}
.grid-callout-home .post .post-title-container {
display: table-cell;
vertical-align: middle;
font-size: 1.3em;
font-weight: 400;
padding: 0 2em;
} .grid-callout-home .post .post-image,
.grid-callout-home .post .post-image a { 
display: block;
position: relative;
width: 100%;
height: 100% !important;
overflow: hidden;
z-index: 999;
}
.grid-callout-home .post .post-image img { 
width: 100%;
height: auto;
} .grid-shop-home .product .tile-block {
border-bottom: 0 !important;
margin-bottom: 0 !important;
} .grid-event-home {
width: 100%;
}
.grid-event-home .post-image img {
width: 100%;
height: auto;
} .grid-event-home .post {
float: left;
}
.grid-event-home .post { margin-right: 4%; }
.grid-event-home .post:last-child { margin-right: 0 !important; }
.grid-event-home.posts-no-1 .post,
.grid-event-home.posts-no-2 .post,
.grid-event-home.posts-no-3 .post { width: 30.66%; }
.grid-event-home.posts-no-4 .post { width: 22.00%; }
.grid-event-home.posts-no-5 .post { width: 16.8%; } .grid-event-home .post-content {
padding: 0;
} .grid-event-home .post-header {
padding: 0.5em 0;
} .grid-event-home .post-excerpt {
padding: 0 0 1em;
line-height: 1.4em;
} .grid-post-home {
width: 100%;
margin-left:30px; }
.grid-post-home .post-image img {
width: 100%;
height: auto;
} .grid-post-home .post {
float: left;
} .grid-post-home .post { margin-right: 4.3%; margin-bottom: 30px; }
.grid-post-home .post:last-child { margin-right: 0 !important; }
.grid-post-home.posts-no-1 .post { width: 29%; height:460px}
.grid-post-home.posts-no-2 .post { width: 29%; height:460px }
.grid-post-home.posts-no-3 .post { width: 29%; height:460px }
.grid-post-home.posts-no-4 .post { width: 29%; height:460px}
.grid-post-home.posts-no-5 .post { width: 29%; height:460px }
.grid-post-home.posts-no-6 .post { width: 29%; height:460px }
.grid-post-home.posts-no-7 .post { width: 29%; height:460px }
.grid-post-home.posts-no-8 .post { width: 29%; height:460px }
.grid-post-home.posts-no-9 .post { width: 29%; height:460px} .grid-post-home .post-content {
padding: 0;
} .grid-post-home .post-header { padding: 0.3em 0;
} .grid-post-home .post-excerpt {
padding: 0 0 1em;
line-height: 1.4em;
} .grid-post-home-featured {
width: 100%;
}
.grid-post-home-featured .post-image img {
width: 100%;
height: auto;
} .grid-post-home-featured .post {
float: left; margin-left:10px;
} .grid-post-home-featured .post { margin-right: 2.7%; margin-bottom: 30px; }
.grid-post-home-featured .post:last-child { margin-right: 0 !important; }
.grid-post-home-featured.posts-no-1 .post,
.grid-post-home-featured.posts-no-2 .post,
.grid-post-home-featured.posts-no-3 .post { width: 21.00%; height:310px}
.grid-post-home-featured.posts-no-4 .post { width: 21.00%;height:310px}
.grid-post-home-featured.posts-no-5 .post  { width:21.00%;height:310px}
.grid-post-home-featured.posts-no-6 .post  { width:21.00%;height:310px}
.grid-post-home-featured.posts-no-7 .post  { width: 21.00%;height:310px}
.grid-post-home-featured.posts-no-8 .post  { width:21.00%; height:310px} .grid-post-home-featured .post-content {
padding: 0;
} .grid-post-home-featured .post-header {
padding: 0.5em 0;
} .grid-post-home-featured .post-excerpt {
padding: 0 0 1em;
line-height: 1.4em;
}  .grid-album-home {
width: 100%;
margin-left:-10px;
}
.grid-album-home .post-image img {
width: 100%;
height: auto;
} .grid-album-home .post {
float: left;
}
.grid-album-home .post { margin-right: 4%; }
.grid-album-home .post:last-child { margin-right: 0 !important; }
.grid-album-home.posts-no-1 .post,
.grid-album-home.posts-no-2 .post,
.grid-album-home.posts-no-3 .post { width: 30.66%; }
.grid-album-home.posts-no-4 .post { width: 22.00%; }
.grid-album-home.posts-no-5 .post { width: 16.8%; }  .grid-discography-home {
width: 100%;
margin-left:-10px;
}
.grid-discography-home .post-image img {
width: 100%;
height: auto;
} .grid-discography-home .post {
float: left;
}
.grid-discography-home .post { margin-right: 4%; }
.grid-discography-home .post:last-child { margin-right: 0 !important; }
.grid-discography-home.posts-no-1 .post,
.grid-discography-home.posts-no-2 .post,
.grid-discography-home.posts-no-3 .post { width: 30.66%; }
.grid-discography-home.posts-no-4 .post { width: 22.00%; }
.grid-discography-home.posts-no-5 .post { width: 16.8%; }  .grid-post .post-excerpt {
padding: 0 0 1em;
} .list-post .post {
padding: 1em 0;
border-top: 1px dotted rgba(255,255,255,0.2);
} .list-post .post-meta {
padding: 1em 0 0;
}
.list-post .format-quote .post-meta {
padding: 0.3em 0 0;
} .list-post .format-quote .post-title {
padding: 0;
margin: 0;
} .list-post .post-header {
padding-bottom: 0;
margin: 0 0 0.5em;
font-size: 2.5em;
clear: both;
} .list-post .post-excerpt {
padding: 0;
margin: 1em 0 0;
} .list-post .post-more {
text-align: right;
}  .grid-event .post-venue,
.grid-event .post-location,
.list-event .post-venue,
.list-event .post-location {
font-size: 1em;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .post-item { font-size:1.1em; color:#1e73be; padding-bottom:10px;}
.post-update-date{ font-size:1em; font-style: italic;} .grid-event .post-date,
.list-event .post-date {
margin-top: 0;
font-size: 1.6em;
font-style: normal;
font-weight: 700;
} .grid-event .post-time,
.list-event .post-time {
margin: 0;
font-weight: 300;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .grid-event .post-likes {
width: 100%;
margin: 1.5em auto 0 !important;
} .grid-event-upcoming {
margin-bottom: 2em;
} .grid-event-upcoming .post-time {
display: block;
clear: both;
margin: 0;
} .grid-event-upcoming .post-header {
padding: 0.5em 0;
} .grid-event-upcoming .post-excerpt {
margin: 2em 0 0 0;
} .grid-event-upcoming .post-footer {
margin: 1em 0 0 0;
} .grid-event-upcoming .post-status {
width: 100%;
margin: 1.5em 0;
clear: both;
}  .grid-event-past .tile .post-body {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.grid-event-past .tile:hover .post-body {
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
} .list-event {
display: block;
width: 100%;
margin-bottom: 2em;
}
.list-event .post {
display: block;
position: relative;
width: 100% !important;
height: 120px;
padding: 0;
border-top: 1px dotted rgba(255,255,255,0.2);
}
.list-event .post.post-1 {
border-top-color: transparent;
}
.list-event .post-header,
.list-event .post-info,
.list-event .post-status,
.list-event .post-action {
float: left;
display: table;
height: 100%;
} .list-event .post-header {
font-size: 0.9em;
padding: 0;
margin: 0;
} .list-event .post-title {
font-size: 1.8em;
line-height: 1.6em;
} .list-event .post-image {
position: absolute;
top: 50%;
left: 0;
width: 120px;
height: auto;
padding: 0;
margin-top: -34px;
border: none;
overflow: hidden;
} .list-event .post-info {
font-size: 0.9em;
} .list-event .post-status {
font-size: 0.9em;
} .list-event .post-action {
font-size: 0.9em;
}  .list-event-upcoming .no-info.no-status.no-action .post-header { width: 100%; padding-left: 0; padding-right: 0; }
.list-event-upcoming .has-info.no-status.no-action .post-header,
.list-event-upcoming .has-status.no-info.no-action .post-header,
.list-event-upcoming .has-action.no-info.no-status .post-header { width: 78%; }
.list-event-upcoming .has-info.no-status.no-action .post-info,
.list-event-upcoming .has-status.no-info.no-action .post-status,
.list-event-upcoming .has-action.no-info.no-status .post-action { float: right; width: 21%; }
.list-event-upcoming .has-info.no-status.no-action .post-info .inner,
.list-event-upcoming .has-status.no-info.no-action .post-status .inner,
.list-event-upcoming .has-action.no-info.no-status .post-action .inner { padding-right: 0; }
.list-event-upcoming .has-info.has-status.no-action .post-header { width: 64%; }
.list-event-upcoming .has-info.has-status.no-action .post-info { width: 14%; }
.list-event-upcoming .has-info.has-status.no-action .post-status { float: right; width: 21%; }
.list-event-upcoming .has-info.has-status.no-action .post-status .inner { padding-right: 0; }
.list-event-upcoming .has-status.has-action.no-info .post-header { width: 64%; }
.list-event-upcoming .has-status.has-action.no-info .post-status { width: 14%; }
.list-event-upcoming .has-status.has-action.no-info .post-action { float: right; width: 21%; }
.list-event-upcoming .has-status.has-action.no-info .post-action .inner { padding-right: 0; }
.list-event-upcoming .has-info.has-action.no-status .post-header { width: 64%; }
.list-event-upcoming .has-info.has-action.no-status .post-info { width: 14%; }
.list-event-upcoming .has-info.has-action.no-status .post-action { float: right;  width: 21%; }
.list-event-upcoming .has-info.has-action.no-status .post-action .inner { padding-right: 0; }
.list-event-upcoming .has-info.has-status.has-action .post-header { width: 50%; }
.list-event-upcoming .has-info.has-status.has-action .post-info { width: 14%; }
.list-event-upcoming .has-info.has-status.has-action .post-status { width: 14%; }
.list-event-upcoming .has-info.has-status.has-action .post-action { float: right; width: 21%; }
.list-event-upcoming .has-info.has-status.has-action .post-action .inner { padding-right: 0; } .list-event-upcoming .post-header .inner,
.list-event-upcoming .post-info .inner,
.list-event-upcoming .post-status .inner,
.list-event-upcoming .post-action .inner { display: table-cell; vertical-align: middle; padding: 0 1em; }
.list-event-upcoming .post-header .inner { padding-left: 0; }
.list-event-upcoming .has-post-thumbnail .post-header .inner { padding-left: 150px; } .list-event-upcoming .post-time {
margin: 0;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .list-event-upcoming .post-status p {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
} .list-event-past .post {
height: 90px;
} .list-event-past .post-date { float: left; padding: 0.5em 1em 0.5em 0; } .list-event-past .post-info { text-align: right; }
.list-event-past .post-info .inner { padding-right: 0; } .list-event-past .no-info .post-header { width: 100%; padding-left: 0; padding-right: 0; }
.list-event-past .has-info .post-header { width: 75% }
.list-event-past .has-info .post-info { float: right; width: 24%; } .list-event-past .post-header .inner,
.list-event-past .post-info .inner { display: table-cell; vertical-align: middle; padding: 0 2em; }
.list-event-past .post-info .inner { padding: 0 0 0 2em; }
.list-event-past .post-header .inner { padding-left: 0; }
.list-event-past .has-post-thumbnail .post-header .inner { padding-left: 150px; }  .grid-album .tile .post-meta {
font-style: italic;
margin: 0.8em 0;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .grid-album .post-likes {
margin: 0 !important;
} .grid-tiles-album-gallery {
display: block;
}
.grid-tiles-album-gallery .tile {
float: left;
position: relative;
width: 50%;
overflow: hidden;
height: auto;
padding: 2px;
}  .grid-music .tile .post-meta {
font-style: italic;
margin: 0.8em 0;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .grid-music .post-likes {
margin: 0 !important;
} .grid-tiles-music-gallery {
display: block;
}
.grid-tiles-music-gallery .tile {
float: left;
position: relative;
width: 50%;
overflow: hidden;
height: auto;
padding: 2px;
}  .grid-discography .tile .post-meta {
font-style: italic;
margin: 0.8em 0;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .grid-discography .post-likes {
margin: 0 !important;
} .grid-tiles-discography-gallery {
display: block;
}
.grid-tiles-discography-gallery .tile {
float: left;
position: relative;
width: 50%;
overflow: hidden;
height: auto;
padding: 2px;
} .grid-gallery .post-meta {
margin: 0;
} .grid-video .post-meta {
margin: 0;
} .grid-archives a {
text-decoration: none;
border-bottom: 2px solid;
}
.grid-archives li {
position: relative;
padding: 0.75em 0 0;
list-style: none;
}
.grid-archives li li a:before {
content: '\2192\00A0';
}
.grid-archives .tags a {
font-size: 1em !important;
} .grid-search .post-header { padding-top: 0.1em; }
.grid-search .highlight-title,
.grid-search .highlight-excerpt { border: 2px solid; padding: 0; }  .single-post-description {
margin: 2em 0 1em;
} .single-post-image {
margin-bottom: 2em;
} .one-entire .post-image 
{  width: 35%; 
margin-right: 2em;
margin-bottom: 2em;
} .single-post-video {
float: left;
width: 100%;
margin: 0 0 2em;
} .single-post-map {
display: block;
margin-bottom: 2em;
}
.single-post-map iframe {
width: 100% !important;
} .single-post-meta {
padding: 0;
}
.single-post-meta ul {
list-style: none;
} .single-post-meta .post-comments {
margin-top: 2em;
} .single-post-meta .post-share {
text-align: left;
} .single-post-meta-table {
float: left;
width: 100%;
margin: 2em 0;
}
.single-post-meta-table .row {
display: block;
width: 100%;
padding: 1em 0;
border-top: 2px solid rgba(0,0,0,0.15);
}
.single-post-meta-table .row:first-child {
border-top: 0;
}
.single-post-meta-table .cell {
float: left;
width: 50%;
}
.single-post-meta-table .cell.head {
width: 50%;
padding-right: 2px;
font-weight: 700;
}  .single-blog .post-meta {
padding: 1em 0 0;
}
.single-blog .post-meta .post-comments a,
.single-blog .post-meta .post-categories a {
text-decoration: none;
}
.single-blog .post-meta .post-likes a {
margin: 0 !important;
} .single-blog .post-content p {
line-height: 1.6em;
} .single-blog .format-quote blockquote {
width: 100%;
font-size: 3em;
margin: 0;
} .single-blog .post-audio {
margin: 0 0 2em;
} .single-blog .post-tags {
float: left;
margin: 0 0 2em;
}
.single-format-gallery .tile .tile-block {
border: 0;
} .single-format-gallery .post-image {
margin: 0;
}  .single-event .single-post-image {
margin: 0 0 3em;
} .single-event .single-post-meta h3 {
padding: 0;
margin: 0;
font-size: 3em;
}
.single-event .single-post-meta h4 {
padding: 0;
margin: 0;
font-size: 2em;
} .single-event .single-post-meta-table {
margin: 0 0 2em;
} .single-event .post-buy.button {
float: left;
width: auto;
clear: none;
} .single-event .post-content p {
line-height: 1.6em;
}  .single-menu .single-post-price {
font-size: 1.6em;
} .single-gallery .tile .tile-block {
border: 0;
} .single-gallery .post-image {
margin: 0;
} .single-gallery .post-content {
display: block;
margin: 1em 0 0;
}
.single-gallery .post-content p {
line-height: 1.6em;
}  .single-video .post-content { display: block; margin: 0; }
.single-video .post-content p { line-height: 1.6em; } .pagination {
padding: 0;
margin: 3em auto 0;
text-align: center;
font-size: 1.2em;
}
.pagination a,
.pagination span {
display: inline-block;
padding: 0.75em 1.5em;
margin: 0 0 2px 0;
text-decoration: none;
}
.pagination a.prev {
float: left;
margin-left: 0;
}
.pagination a.next {
float: right;
margin-right: 0;
} .pagination-post {
float: left;
width: 100%;
margin: 3em 0 0;
}
.pagination-post a {
margin-right: -2px;
padding: 1em 2em;
text-decoration: none;
} .footer {
float: left;
display: block;
width: 100%;
clear: both;
} .copyright {
float: left;
display: block;
width: 100%;
clear: both;
text-align: center;
font-size: inherit;
}
.copyright-container {
margin-top: 3em;
margin-bottom: 9em;
}  .widget-block { display: block; margin: 0 0 3em; }
.widget-block li { list-style: none; } .flexipages_widget li { font-size: 0.9em; } .widget-block .screen-reader-text {visibility:hidden; }  .widget-title { margin: 0 0 1em; font-size: 1.7em; border-bottom: 2px solid #000;
} .widget-content { margin: 0 0 1em; } .widget_tweets li { margin-bottom: 2em; }
.widget_tweets li a { text-decoration: none; }
.widget_tweets .tweet_time { display: block; margin: 0 0 0.5em; } .widget_recent_tweet li { margin-bottom: 1em; }
.widget_recent_tweet li a { text-decoration: none; }
.widget_recent_tweet .tweet-time { display: block; margin: 0 0 1em; clear: both; }
.widget_recent_tweet .tweet-text { font-size: 2.2em; line-height: 1.5em; }
.wa-footer-full .widget_recent_tweet { width: 100%; padding: 1.5em 0; margin: 0 auto; text-align: center; }
.wa-footer-full .widget_recent_tweet .tweet-text { font-size: 3em; }
.wa-footer-center .widget_recent_tweet { text-align: center; } .widget_recent_posts .post { margin-bottom: 1em; }
.widget_recent_posts .post-date { padding: 0; margin: 0; }
.widget_recent_posts .post-title { padding: 0; line-height: 1.5em; }
.widget_recent_posts .post-excerpt {
margin: 1.5em 0 0;
} .widget_recent_events .post { margin-bottom: 2em; }
.widget_recent_events .post-date { padding: 0; margin: 0; }
.widget_recent_events .post-title { padding: 0; line-height: 1.5em; margin-bottom: 0.5em; }
.widget_recent_events .post-venue,
.widget_recent_events .post-location {
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
} .widget_recent_videos .post { margin-bottom: 1em; }
.widget_recent_videos .post-date { padding: 0; margin: 0; }
.widget_recent_videos .post-title { padding: 0; line-height: 1.5em; margin-bottom: 0.5em; } .widget_recent_entries li { padding: 0 0 0.5em; list-style: none; }
.widget_recent_entries li a { text-decoration: none; border-bottom: 2px solid; }
.widget_recent_entries li a:hover { text-decoration: none; } .widget_recent_comments li { padding: 0 0 0.5em; list-style: none; }
.widget_recent_comments li a { text-decoration: none; border-bottom: 2px solid; }
.widget_recent_comments li a:hover { text-decoration: none; } .widget_pages ul,
.widget_subpages ul,
.widget_nav_menu ul {
margin: 0;
} .widget_pages ul li,
.widget_subpages ul li,
.widget_nav_menu ul li {
float: left;
width: 100%;
clear: both;
padding: 0;
list-style: none;
border-top: 1px solid rgba(0,0,0,0.15);
}
.widget_pages ul li:first-child,
.widget_subpages ul li:first-child,
.widget_nav_menu ul li:first-child {
border-top: 0;
}
.footer .widget_pages ul li,
.footer .widget_subpages ul li,
.footer .widget_nav_menu ul li {
border-top: 1px solid rgba(255,255,255,0.1);
}
.widget_pages ul li a,
.widget_subpages ul li a,
.widget_nav_menu ul li a {
float: left;
width: 100%;
display: block;
padding: 0.5em 0;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
} .widget_pages ul li li a:before,
.widget_subpages ul li li a:before,
.widget_nav_menu ul li li a:before {
content: '\2192\00A0';
}
.widget_pages ul li li a,
.widget_subpages ul li li a,
.widget_nav_menu ul li li a {
padding: 0.5em 1em;
font-weight: 300;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.widget_pages ul li.current_page_item li a,
.widget_subpages ul li.current_page_item li a,
.widget_nav_menu ul li.current_page_item li a {
background-color: transparent;
} .widget_pages ul li li li a,
.widget_subpages ul li li li a,
.widget_nav_menu ul li li li a {
padding: 0.5em 2em;
} .widget_pages ul li li li li a,
.widget_subpages ul li li li li a,
.widget_nav_menu ul li li li li a {
padding: 0.5em 3em;
} .widget_pages ul li li li li li a,
.widget_subpages ul li li li li li a,
.widget_nav_menu ul li li li li li a {
padding: 0.5em 4em;
} .widget_archive li,
.widget_categories li {
padding: 0.5em 0;
margin: 1px 0;
font-size: 1.2em;
border-top: 1px solid rgba(0,0,0,0.15);
}
.widget_archive li:first-child,
.widget_categories li:first-child {
border-top: 0;
}
.footer .widget_archive li,
.footer .widget_categories li {
border-top: 1px solid rgba(255,255,255,0.1);
}
.widget_archive li a,
.widget_categories li a {
font-weight: 700;
text-decoration: none;
}
.widget_archive li a:hover,
.widget_categories li a:hover {
text-decoration: none;
}
.widget_archive li li,
.widget_categories li li {
padding: 0;
font-size: 1em;
}
.widget_archive li li a:before,
.widget_categories li li a:before {
content: '\2192\00A0';
} .widget_tag_cloud:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.widget_tag_cloud a {
float: left;
margin: 0 2px 2px 0;
padding: 0.5em 1em;
font-size: 1em !important;
text-decoration: none;
}
.wa-footer-full .widget_tag_cloud,
.wa-footer-bottom .align-center .widget_tag_cloud {
text-align: center;
}
.wa-footer-full .widget_tag_cloud a,
.wa-footer-bottom .align-center .widget_tag_cloud a {
float: none;
display: inline-block;
margin: 0 -1px 2px 0;
} .widget_links li a { float: left; margin: 0 0 0.2em; clear: both; text-decoration: none; border-bottom: 2px solid; }
.widget_links li a:hover { text-decoration: none; border-bottom: 1px solid transparent; } .widget_meta li a { float: left; margin: 0; clear: both; text-decoration: none; border-bottom: 2px solid; }
.widget_meta li a:hover { text-decoration: none; } .widget_search input { font-size: 1.3em; padding-top: 0.5em; padding-bottom: 0.5em; } .widget_qtranslate li { width: 100%; list-style: none; }
.widget_qtranslate li a { display: block; padding: 0.5em 1em 0.5em 3.5em; margin: 0 0 2px; background-position: 1em center; text-decoration: none; }
.qtrans_widget_end { display: none; } .tptn_posts_daily li { padding: 0 0 0.5em;  list-style: decimal; color:#1e73be; }
.tptn_posts_daily li a { text-decoration: none; color:#1e73be; font-size:1.1em; font-weight:700;}
.tptn_posts_daily li a:hover { text-decoration: none; } .simplerssfeedswidget ul
{
border-style: solid;
border-width: 1px;
border-color: #242b2d;
padding: 0.5em;
}
.simplerssfeedswidget li { padding: 0 0 1em;  list-style: none; color: #242b2d; font-size:1.1em; }
.simplerssfeedswidget li a { text-decoration: none; font-weight:700; }
.simplerssfeedswidget li a:hover { text-decoration: none; } .widget_recent_albums h5 { font-size: 1.2em; font-weight: 400; }
.execphpwidget {font-size:1.2em; line-height:1.7em;} .widget_recent_music h5 { font-size: 1.2em; font-weight: 400; }
.execphpwidget {font-size:1.2em; line-height:1.7em;} .widget_recent_discography h5 { font-size: 1.2em; font-weight: 400; }
.execphpwidget {font-size:1.2em; line-height:1.7em;} .shortcode.one-half { width: 48%; margin: 0 4% 3em 0; }
.shortcode.one-half.last { margin: 0 0 3em 0; }
.shortcode.one-third { width: 30.6%; margin: 0 4% 3em 0; }
.shortcode.one-third.last { margin: 0 0 3em 0; }
.shortcode.two-third { width: 65.2%; margin: 0 4% 3em 0; }
.shortcode.two-third.last { margin: 0 0 3em 0; }
.shortcode.one-fourth { width: 22%; margin: 0 4% 3em 0; }
.shortcode.one-fourth.last { margin: 0 0 3em 0; }
.shortcode.two-fourth { width: 48%; margin: 0 4% 3em 0; }
.shortcode.two-fourth.last { margin: 0 0 3em 0; }
.shortcode.three-fourth { width: 74%; margin: 0 4% 3em 0; }
.shortcode.three-fourth.last { margin: 0 0 3em 0; }
.shortcode.one-fifth { width: 16.8%; margin: 0 4% 3em 0; }
.shortcode.one-fifth.last { margin: 0 0 3em 0; }
.shortcode.two-fifth { width: 37.6%; margin: 0 4% 3em 0; }
.shortcode.two-fifth.last { margin: 0 0 3em 0; }
.shortcode.three-fifth { width: 58.4%; margin: 0 4% 3em 0; }
.shortcode.three-fifth.last { margin: 0 0 3em 0; }
.shortcode.four-fifth { width: 79.2%; margin: 0 4% 3em 0; }
.shortcode.four-fifth.last { margin: 0 0 3em 0; } .divider { display: block; width: 100%; height: 2px; margin: 2em 0; border-top: 2px solid rgba(0,0,0,0.15); }
.canvas-dark .divider { border-top: 2px solid rgba(255,255,255,0.1); }
.divider:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .button-shortcode a { float: left; margin: 1em 1em 1em 0; } .shortcode_recent_posts { float: left; width: 100%; position: relative; }
.shortcode_recent_posts li { padding: 0 0 0.5em; list-style: none; }
.shortcode_recent_posts li:last-child { border: none; }
.shortcode_recent_posts li a { text-decoration: none; padding: 0; border-bottom: 2px solid; }
.shortcode_recent_posts li a:hover { text-decoration: none; }
.shortcode_recent_posts li .post-date { float: left; margin: 0 1em 0 0; } .shortcode-album {
display: block;
margin-bottom: 2em;
}
.shortcode-album .post-header {
font-size: 1.8em;
margin-top: 0.5em;
margin-bottom: 0.2em;
line-height: 1.3;
}
.shortcode-album .post-meta {
font-style: italic;
margin: 0.8em 0;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .shortcode-music {
display: block;
margin-bottom: 2em;
}
.shortcode-music .post-header {
font-size: 1.8em;
margin-top: 0.5em;
margin-bottom: 0.2em;
line-height: 1.3;
}
.shortcode-music .post-meta {
font-style: italic;
margin: 0.8em 0;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .shortcode-discography {
display: block;
margin-bottom: 2em;
}
.shortcode-discography .post-header {
font-size: 1.8em;
margin-top: 0.5em;
margin-bottom: 0.2em;
line-height: 1.3;
}
.shortcode-discography .post-meta {
font-style: italic;
margin: 0.8em 0;
opacity: 0.5;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
} .shortcode-audio {
display: block;
margin-bottom: 2em;
} .gp-tabs { position: relative; display: table; width: 100%; margin-bottom: 2em; zoom: 1; background: transparent !important; }
.gp-tabs:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.gp-tabs .ui-tabs-nav {
display: block;
margin: 0;
padding: 1px 0 0;
}
.gp-tabs .ui-tabs-nav li.ui-state-default {
float: left;
list-style: none;
margin: 0 1px 0 0;
padding: 0;
font-weight: bold;
white-space: nowrap;
}
.gp-tabs .ui-tabs-nav li.ui-state-default a { 
display: block;
padding: 1em 1.5em;
text-decoration: none;
border-bottom: 1px solid;
}
.gp-tabs .ui-tabs-nav li.ui-state-active a {
position: relative;
z-index: 99;
cursor: text;
border-bottom: 1px solid transparent !important;
}
.gp-tabs .ui-tabs-panel {
display: block;
position: relative;
padding: 1.5em 1.5em 2em;
background-color: #ffffff;
border-style: solid;
border-width: 4px 0;
}
.gp-tabs .ui-tabs-hide { display: none !important; }
.gp-tabs .ui-widget-header { padding: 0 !important; }
.gp-tabs .ui-state-active, .gp-tabs .ui-widget-content .ui-state-active, .gp-tabs .ui-widget-header .ui-state-active { border: 0 !important; } .alert {
float: left;
width: 100%;
display: block;
position: relative;
padding: 1.5em 2em;
margin: 1em 0;
}
.alert:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6,
.alert p {
margin: 0;
padding: 0;
}
.alert .close {
position: absolute;
top: 50%;
right: 1.25em;
margin-top: -12px;
font-size: 1.4em;
text-align: center;
text-decoration: none;
cursor: pointer;
color: #ffffff;
} .alert.error { color: #ffffff; background-color: #e6192d; } .alert.success { color: #ffffff; background-color: #7db432; }  .player { display: block; }
.player-container { display: block; position: relative; } .player a {
-webkit-transition: background-color 0.3s linear, color 0.3s linear;
-moz-transition: background-color 0.3s linear, color 0.3s linear;
-ms-transition: background-color 0.3s linear, color 0.3s linear;
-o-transition: background-color 0.3s linear, color 0.3s linear;
transition: background-color 0.3s linear, color 0.3s linear;
} .player-progress { position: absolute; left: 0; width: 100%; height: 5px; z-index: 101; }
.player-progress .player-seek-bar { float: left; width: 0; height: 5px; cursor: pointer; }
.player-progress .player-play-bar { width: 0; height: 5px; } .player-controls { float: left; width: 100%; height: 55px; padding: 10px 5px 5px; margin: 0; position: relative; z-index: 100; }
.player-controls ul { list-style-type: none; padding: 0; margin: 0; }
.player-controls ul li { display: inline; }
.player-controls ul li a { position: absolute; overflow: hidden; text-indent: -9999px; }
.player-controls ul li a.player-play,
.player-controls ul li a.player-pause,
.player-controls ul li a.player-stop,
.player-controls ul li a.player-mute,
.player-controls ul li a.player-unmute { width: 40px; height: 40px; z-index: 99; outline: none; }
.player-controls ul li a.player-play,
.player-controls ul li a.player-pause { top: 10px; left: 5px; }
.player-controls ul li a.player-stop { top: 10px; left: 45px; }
.player-controls ul li a.player-mute,
.player-controls ul li a.player-unmute { bottom: 5px; right: 105px; }
.player-controls ul li a.player-play { background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/player/player-sprite.png) left top no-repeat; }
.player-controls ul li a.player-play:hover { background-position: right top; }
.player-controls ul li a.player-pause { background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/player/player-sprite.png) left -40px no-repeat; display: none; }
.player-controls ul li a.player-stop { background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/player/player-sprite.png) left -80px no-repeat; }
.player-controls ul li a.player-mute { background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/player/player-sprite.png) left -120px no-repeat; }
.player-controls ul li a.player-unmute { background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/player/player-sprite.png) left -160px no-repeat; }
.player-controls ul li a.player-unmute:hover { background-position: right -160px; }
.iphone .player-controls ul li a.player-mute,
.iphone .player-controls ul li a.player-unmute { display: none; } .player-controls .player-time {
position: absolute;
right: 170px;
padding: 12px 0;
font-size: 12px;
}
.iphone .player-controls .player-time { right: 20px; } .player-controls .player-volume { position: absolute; top: 10px; right: 0; width: 80px; height: 55px; margin-right: 15px; }
.player-controls .player-volume-container { position: absolute; top: 12px; right: 0; width: 76px; height: 14px; padding: 2px; overflow: hidden; cursor: pointer; }
.player-controls .player-volume-container .player-volume-value { width: 0px; height: 10px; }
.iphone .player-controls .player-volume { display: none; } .player-playlist ul {
float: left;
width: 100%;
padding-left: 0;
line-height: normal;
}
.player-playlist ul li {
float: left;
width: 100%;
list-style-type: none;
margin-top: 2px;
}
.player-playlist ul li a {
display: block;
width: 100%;
padding: 10px 1.5em;
margin: 0;
font-size: 13px;
text-decoration: none;
}
.player-playlist ul li.jp-playlist-current a {
background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/player/player-sprite.png) right bottom no-repeat;
}
.jp-no-solution { display: none; } .lightbox-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 100000;
overflow: hidden;
display: none;
background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/bg-overlay-00050a-95.png) repeat;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.lightbox-overlay.visible { opacity: 1; }
.lightbox-slider {
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
-webkit-transition: left 0.3s linear;
-moz-transition: left 0.3s linear;
-o-transition: left 0.3s linear;
-ms-transition: left 0.3s linear;
transition: left 0.3s linear;
}
.lightbox-slider .placeholder {
display: inline-block;
width: 100%;
height: 100%;
line-height: 1px;
text-align: center;
background: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/loading.gif) center center no-repeat;
}
.lightbox-slider .placeholder:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lightbox-slider .placeholder img {
display: inline-block;
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.lightbox-slider.rightSpring {
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
.lightbox-slider.leftSpring {
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
} @-moz-keyframes rightSpring {
0% { margin-left: 0px; }
50% { margin-left: -30px; }
100% { margin-left: 0px; }
}
@-moz-keyframes leftSpring {
0% { margin-left: 0px; }
50% { margin-left: 30px; }
100% { margin-left: 0px; }
} @-webkit-keyframes rightSpring {
0% { margin-left: 0px; }
50% { margin-left: -30px; }
100% { margin-left: 0px; }
}
@-webkit-keyframes leftSpring {
0% { margin-left: 0px; }
50% { margin-left: 30px; }
100% { margin-left: 0px; }
} .lightbox-arrow-left,
.lightbox-arrow-right {
position: absolute;
top: 50%;
width: 60px;
height: 60px;
margin-top: -30px;
border: none;
text-decoration: none;
cursor: pointer;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/controls.png);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.lightbox-arrow-left {
left: 0;
background-position: left top;
background-repeat: no-repeat;
}
.lightbox-arrow-right {
right: 0;
background-position: left -60px;
background-repeat: no-repeat;
} .lightbox-close { 
position: absolute;
right: 0;
top: 20px;
margin: 0;
width: 60px;
height: 60px;
cursor: pointer;
z-index: 999;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/controls.png);
background-position: left -180px;
background-repeat: no-repeat;
} .lightbox-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1.5em 3em 0;
z-index: 99999;
color: #ffffff;
text-align: center;
}
.lightbox-title-container {
display: inline-block;
padding: 1.5em 3em;
margin: 0 auto;
z-index: 9999;
}  iframe[src="about:blank"]{ display: none; } .input-captcha {
margin: 1em 0 0;
}
.input-captcha #recaptcha_image {
display: block;
width: 100% !important;
background-color: #ffffff;
}
.input-captcha #recaptcha_image,
.input-captcha #recaptcha_image a {
color: #14191e;
}
.input-captcha #recaptcha_image a {
cursor: pointer;
}
.input-captcha #recaptcha_image a:hover {
color: #ffffff;
}
.input-captcha #recaptcha_image img {
width: auto;
max-width: 100%;
height: auto !important;
}
@media
only screen and (max-width: 400px) {
.input-captcha #recaptcha_image img {
width: 100%;
}
}
.input-captcha #recaptcha_image img:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.input-captcha label.error {
top: 64px;
right: 0;
}
.input-captcha .rc-icon a {
float: left;
width: 24px;
height: 24px;
padding: 20px !important;
margin-bottom: 1em;
text-indent: -99999px;
background-position: center center;
background-repeat: no-repeat;
}
.input-captcha .rc-icon.reload a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/reload.png);
}
.input-captcha .rc-icon.switch-audio a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/switch-audio.png);
}
.input-captcha .rc-icon.switch-text a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/switch-text.png);
}
.input-captcha .rc-icon.help a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/help.png);
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.input-captcha .rc-icon a {
-webkit-background-size: 24px 24px;
-moz-background-size: 24px 24px;
-o-background-size: 24px 24px;
background-size: 24px 24px;
}
.input-captcha .rc-icon.reload a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/reload@2x.png); }
.input-captcha .rc-icon.switch-audio a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/switch-audio@2x.png); }
.input-captcha .rc-icon.switch-text a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/switch-text@2x.png); }
.input-captcha .rc-icon.help a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/recaptcha/help@2x.png); }
} #recaptcha_widget_div * {
-webkit-box-sizing: padding-box;
-moz-box-sizing: padding-box;
box-sizing: padding-box;
}
#recaptcha_widget_div input[type="text"],
#recaptcha_widget_div input[type="password"],
#recaptcha_widget_div input[type="email"],
#recaptcha_widget_div input[type="date"],
#recaptcha_widget_div input[type="datetime"],
#recaptcha_widget_div input[type="number"],
#recaptcha_widget_div input[type="search"],
#recaptcha_widget_div input[type="tel"],
#recaptcha_widget_div input[type="time"],
#recaptcha_widget_div input[type="url"],
#recaptcha_widget_div input[type="button"],
#recaptcha_widget_div input[type="submit"],
#recaptcha_widget_div .input-text,
#recaptcha_widget_div textarea,
#recaptcha_widget_div select {
display: inline;
padding: 0;
margin: 0;
clear: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
} .back-to-top {
display: none;
width: 60px;
height: 60px;
position: fixed !important;
bottom: 20px;
right: 0;
cursor: pointer;
z-index: 99999;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/controls.png); 
background-position: center -120px;
-webkit-transition: background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: background-color 0.3s linear, border-color 0.3s linear;
-o-transition: background-color 0.3s linear, border-color 0.3s linear;
-ms-transition: background-color 0.3s linear, border-color 0.3s linear;
transition: background-color 0.3s linear, border-color 0.3s linear;
} .overlay,
.overlay-back {
position: relative;
overflow: hidden;
} .overlay span.overlay-block,
.overlay-back span.overlay-block {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
text-align: center;
z-index: 1;
cursor: pointer;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/bg-overlay-00050a-50.png);
background-position: left top;
background-repeat: repeat;
}
.overlay-back span.overlay-block {
display: block;
background-image: none;
}
.ie7 .overlay:hover span.overlay-block,
.ie8 .overlay:hover span.overlay-block,
.ie9 .overlay:hover span.overlay-block { display: block; }
.ie7 .overlay-back:hover span.overlay-block,
.ie8 .overlay-back:hover span.overlay-block,
.ie9 .overlay-back:hover span.overlay-block { display: none; } .overlay span.overlay-icon {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/overlay-plus.png);
background-position: center center;
background-repeat: no-repeat;	
}
.overlay.overlay-video span.overlay-icon {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/overlay-play.png);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { .header .logo-default {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/logo@2x.png);
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.header .logo-default img { visibility: hidden; } input.input-search[type="text"] {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/search@2x.png);
-webkit-background-size: 36px 36px;
-moz-background-size: 36px 36px;
-o-background-size: 36px 36px;
background-size: 36px 36px;
} select {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/arrow-select@2x.png);
-webkit-background-size: 25px 10px;
-moz-background-size: 25px 10px;
-o-background-size: 25px 10px;
background-size: 25px 10px;
} .navigation-mobile-button {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/navigation@2x.png);
-webkit-background-size: 30px 120px;
-moz-background-size: 30px 120px;
-o-background-size: 30px 120px;
background-size: 30px 120px;
} .modal-search-close {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/controls@2x.png);
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
} .socials li a {
-webkit-background-size: 20px 16px;
-moz-background-size: 20px 16px;
-o-background-size: 20px 16px;
background-size: 20px 16px;
}
.socials li.social-twitter a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/twitter@2x.png); }
.socials li.social-facebook a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/facebook@2x.png); }
.socials li.social-googleplus a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/googleplus@2x.png); }
.socials li.social-amazon a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/amazon@2x.png); }
.socials li.social-youtube a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/youtube@2x.png); }
.socials li.social-vimeo a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vimeo@2x.png); }
.socials li.social-itunes a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/itunes@2x.png); }
.socials li.social-soundcloud a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/soundcloud@2x.png); }
.socials li.social-beatport a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/beatport@2x.png); }
.socials li.social-mixcloud a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/mixcloud@2x.png); }
.socials li.social-purevolume a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/purevolume@2x.png); }
.socials li.social-spotify a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/spotify@2x.png); }
.socials li.social-lastfm a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/lastfm@2x.png); }
.socials li.social-myspace a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/myspace@2x.png); }
.socials li.social-grooveshark a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/grooveshark@2x.png); }
.socials li.social-bandcamp a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/bandcamp@2x.png); }
.socials li.social-jamendo a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/jamendo@2x.png); }
.socials li.social-reverbnation a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/reverbnation@2x.png); }
.socials li.social-flickr a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/flickr@2x.png); }
.socials li.social-tumblr a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/tumblr@2x.png); }
.socials li.social-pinterest a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/pinterest@2x.png); }
.socials li.social-instagram a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/instagram@2x.png); }
.socials li.social-vk a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vk@2x.png); }
.socials li.social-linkedin a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/linkedin@2x.png); }
.socials li.social-reddit a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/reddit@2x.png); }
.modal-search-button li a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/search-light@2x.png);
-webkit-background-size: 36px 36px !important;
-moz-background-size: 36px 36px !important;
-o-background-size: 36px 36px !important;
background-size: 36px 36px !important;
} .slider .tp-loader {  -webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
.slider .tp-bullets .bullet {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/bullet-square@2x.png) !important;
-webkit-background-size: 40px 120px;
-moz-background-size: 40px 120px;
-o-background-size: 40px 120px;
background-size: 40px 120px;
}
.slider .tp-bullets.round .bullet,
.slider .tp-bullets.round-old .bullet {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/bullet-round@2x.png) !important;
-webkit-background-size: 20px 60px;
-moz-background-size: 20px 60px;
-o-background-size: 20px 60px;
background-size: 20px 60px;
}
.slider .tp-bullets.square .bullet,
.slider .tp-bullets.square-old .bullet,
.slider .tp-bullets.navbar-old .bullet {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/bullet-square@2x.png) !important;
-webkit-background-size: 20px 60px;
-moz-background-size: 20px 60px;
-o-background-size: 20px 60px;
background-size: 20px 60px;
}
.slider .tp-leftarrow {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/arrows@2x.png);
-webkit-background-size: 25px 100px;
-moz-background-size: 25px 100px;
-o-background-size: 25px 100px;
background-size: 25px 100px;
}
.slider .tp-rightarrow {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/arrows@2x.png);
-webkit-background-size: 25px 100px;
-moz-background-size: 25px 100px;
-o-background-size: 25px 100px;
background-size: 25px 100px;
} .post-share li a {
-webkit-background-size: 20px 16px;
-moz-background-size: 20px 16px;
-o-background-size: 20px 16px;
background-size: 20px 16px;	
}
.post-share li.social-twitter a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/twitter@2x.png); }
.post-share li.social-facebook a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/facebook@2x.png); }
.post-share li.social-googleplus a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/googleplus@2x.png); }
.post-share li.social-pinterest a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/pinterest@2x.png); }
.post-share li.social-vk a { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vk@2x.png); } .single-event .post-facebook a,
.single-event .post-vk a {
-webkit-background-size: 20px 16px;
-moz-background-size: 20px 16px;
-o-background-size: 20px 16px;
background-size: 20px 16px;	
}
.single-event .post-facebook a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/facebook@2x.png);
}
.single-event .post-vk a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/social/vk@2x.png);
}  .player-controls ul li a.player-play,
.player-controls ul li a.player-pause,
.player-controls ul li a.player-stop,
.player-controls ul li a.player-mute,
.player-controls ul li a.player-unmute,
.player-playlist ul li.jp-playlist-current a {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/player/player-sprite@2x.png);
-webkit-background-size: 40px 240px;
-moz-background-size: 40px 240px;
-o-background-size: 40px 240px;
background-size: 40px 240px;
} .lightbox-slider .placeholder {  -webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
-o-background-size: 20px 20px;
background-size: 20px 20px;
}
.lightbox-arrow-left,
.lightbox-arrow-right,
.lightbox-close {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/controls@2x.png);
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
} .overlay span.overlay-icon {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/overlay-plus@2x.png);
-webkit-background-size: 48px 48px;
-moz-background-size: 48px 48px;
-o-background-size: 48px 48px;
background-size: 48px 48px;
}
.overlay.overlay-video span.overlay-icon { background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/overlay-play@2x.png); } .back-to-top {
background-image: url(//www.tatsuyaoe.com/wp-content/themes/metric/images/icons/controls@2x.png);
-webkit-background-size: 60px 300px;
-moz-background-size: 60px 300px;
-o-background-size: 60px 300px;
background-size: 60px 300px;
}
}  @media
only screen and (min-width: 1025px) { .grid-tiles .tile { width: 25% !important; }
.grid-tiles .tile.width-double { width: 50% !important; } .grid-tiles-sidebar .tile { width: 33.33% !important; }
.grid-tiles-sidebar .tile.width-double { width: 66.66% !important; }
} @media
only screen and (min-width: 769px) and (max-width: 1024px) { .grid-tiles .tile { width: 33.33% !important; }
.grid-tiles .tile.width-double { width: 66.66% !important; } .grid-tiles-sidebar .tile { width: 50% !important; }
.grid-tiles-sidebar .tile.width-double { width: 100% !important; }
} @media
only screen and (min-width: 481px) and (max-width: 768px) { .grid-tiles .tile { width: 33.33% !important; }
.grid-tiles .tile.width-double { width: 66.66% !important; } .grid-tiles-sidebar .tile { width: 50% !important; }
.grid-tiles-sidebar .tile.width-double { width: 100% !important; }
} @media
only screen and (max-width: 480px) { .grid-tiles { margin: 0; }
.grid-tiles .tile { width: 100% !important; }
.grid-tiles .tile.width-double { width: 100% !important; }
.grid-tiles .tile .tile-block { margin-right: 0; } .grid-tiles-sidebar { margin: 0; }
.grid-tiles-sidebar .tile { width: 100% !important; }
.grid-tiles-sidebar .tile.width-double { width: 100% !important; }
.grid-tiles-sidebar .tile .tile-block { margin-right: 0; }
} @media
only screen and (max-width: 1280px) {
.toolbar-container,
.header-container,
.title-container,
.slideshow-container,
.canvas-container,
.footer-container,
.block-container,
.copyright-container { width: 100%; }
} @media
only screen and (max-width: 1024px) { .navigation-primary { display: none !important; } .mobile-active .navigation-mobile { display: block; }
.navigation-mobile-button { display: block; }
} @media
only screen and (min-width: 769px) and (max-width: 1179px) { .modal-search-input { width: 50%; }
.modal-search-input input[type="text"] { padding: 1.5em 1.5em 1.5em 4em; background-position: 1em center; font-size: 1.3em; }
} @media
only screen and (max-width: 1024px) { .slider .caption.video,
.slider .tp-caption.video { margin-top: -90px !important; margin-left: -160px !important; width: 320px !important; height: 180px !important; } .list-event-upcoming .post { display: block; height: auto; padding: 1em 0; text-align: center; }
.list-event-upcoming .post-image { float: left; position: relative; top: 0; left: 0; width: 100% !important; height: auto !important; margin: 0 0 0.5em; }
.list-event-upcoming .post-header { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .post-header .inner { width: 100% !important; }
.list-event-upcoming .post-info { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .post-status { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .post-action { width: 100% !important; padding: 0.5em 0; }
.list-event-upcoming .inner { padding: 0 !important; } .single-post-meta-table .cell { width: 100% !important; }
} @media
only screen and (max-width: 768px) {
.toolbar-container,
.header-container,
.title-container,
.slideshow-container,
.canvas-container,
.footer-container,
.block-container,
.copyright-container { padding-left: 20px; padding-right: 20px; }
.toolbar-container { padding-left: 0; padding-right: 0; } .toolbar,
.toolbar-container { width: 100% !important; }
.toolbar-left { float: left; width: 100%; padding: 1em 20px; clear: both; }
.toolbar-right { float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.1); }
.toolbar .row { float: left; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); }
.toolbar .socials { padding-left: 20px; } .header .logo,
.header .logo img { float: left; max-width: 75%; } .navigation-mobile { padding-left: 20px; padding-right: 20px; } .modal-search-input { width: 75%; }
.modal-search-input input[type="text"] { padding: 1.5em 1.5em 1.5em 4em; background-position: 1em center; font-size: 1.3em; } .content-sidebar { width: 100%; }
.sidebar { width: 100%; padding: 0; }
.sidebar-left { margin-bottom: 3em; }
.sidebar-right { margin-top: 3em; } .slider .slide-caption .slide-title { font-size: 18px !important; }
.slider .slide-caption .slide-description { font-size: 12px !important; }
.slider .caption.video,
.slider .tp-caption.video { top: 0 !important; left: 0 !important; margin-top: 0 !important; margin-left: 0 !important; width: 100% !important; height: 100% !important; }
.slider .tp-bullets { display: none; } .grid-callout-home .post { width: 48% !important; }
.grid-callout-home .post:hover { margin: 0; }
.grid-callout-home .post:nth-child(2n+0) { margin-right: 0 !important; }
.grid-callout-home .post:nth-child(3),
.grid-callout-home .post:nth-child(4) { margin-top: 1em !important; } .grid-post-home .post { width: 48% !important; }
.grid-post-home .post:nth-child(2n+0) { margin-right: 0 !important; }
.grid-post-home .post:nth-child(3),
.grid-post-home .post:nth-child(4) { margin-top: 2em !important; } .grid-post-home-featured .post { width: 48% !important; }
.grid-post-home-featured .post:nth-child(2n+0) { margin-right: 0 !important; }
.grid-post-home-featured .post:nth-child(3),
.grid-post-home-featured .post:nth-child(4) { margin-top: 2em !important; } .list-post .post-header { font-size: 2em; } .list-event-past .post { display: block; height: auto; padding: 1em 0; text-align: center; }
.list-event-past .post-date { width: 100%; }
.list-event-past .post-image { float: left; position: relative; top: 0; left: 0; width: 100% !important; height: auto !important; margin: 0 0 0.5em; }
.list-event-past .has-info .post-header,
.list-event-past .has-info .post-info { width: 100%; padding-left: 0; padding-right: 0; text-align: center; }
.list-event-past .post .inner { padding-left: 0 !important; padding-right: 0 !important; }
.list-event-past .post-header .inner,
.list-event-past .post-info .inner { display: table-cell; vertical-align: middle; padding: 0 2em; }
.list-event-past .post-info .inner { padding: 0 0 0 2em; }
.list-event-past .post-header .inner { padding-left: 0; }
.list-event-past .has-post-thumbnail .post-header .inner { padding-left: 150px; }
} @media
only screen and (max-width: 480px) { .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-fourth, .two-fifth, .two-sixth, .three-fourth, .three-fifth, .three-sixth, .four-fifth, .three-sixth, .five-sixth {
margin-left: 0 !important;
width: 100% !important;
}
.merge .one-half, .merge .one-third, .merge .one-fourth, .merge .one-fifth, .merge .one-sixth, .merge .two-third, .merge .two-fourth, .merge .two-fifth, .merge .two-sixth, .merge .three-fourth, .merge .three-fifth, .merge .three-sixth, .merge .four-fifth, .merge .four-sixth, .merge .five-sixth {
margin-left: 0 !important;
width: 100% !important;
} .navigation-categories { text-align: center; } .grid-callout-home .post { width: 100% !important; margin-top: 1em; }
.grid-callout-home .post:first-child { margin-top: 0; } .grid-post-home .post { width: 100% !important; margin-top: 2em; } .grid-post-home-featured .post { width: 100% !important; margin-top: 2em; } .single-event .single-post-block { padding: 0 !important; }
} @media
print {
* {
color: #000000 !important;
background: #ffffff !important;
box-shadow: none !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
}
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-fourth, .two-fifth, .two-sixth, .three-fourth, .three-fifth, .three-sixth, .four-fifth, .three-sixth, .five-sixth { margin-left: 0; width: 100%; }
.merge .one-half, .merge .one-third, .merge .one-fourth, .merge .one-fifth, .merge .one-sixth, .merge .two-third, .merge .two-fourth, .merge .two-fifth, .merge .two-sixth, .merge .three-fourth, .merge .three-fifth, .merge .three-sixth, .merge .four-fifth, .merge .four-sixth, .merge .five-sixth { margin-left: 0; width: 100%; }
}  .updates-top ul, li{ 
list-style-type: none; color: #fff;
}
.updates-top a {color: #66ccff; text-decoration:none;}
.updates-top {
width: 750px ;
margin-left: auto ;
margin-right: auto ;
margin-top:20px; margin-bottom:10px;
}
.updates-bottom {font-size:0.8em}
.updates-bottom a {color: #66ccff; text-decoration:none;} .widget_recent_videos .post-date {visibility: hidden}
.content-video .post-date {visibility: hidden}
.post-share
{visibility:hidden}
.fn {visibility:hidden}
.updated {visibility:hidden} #nav-single {
text-align: center; padding-top:-50px;
width: 100%; font-size: 1.1em;
}
.nav-top {
float:left;
width:20%;
text-align:center;
}
.nav-previous {
float:left;
width:40%;
text-align:left;
word-break:break-all;
line-height:1.5em;
}
.nav-next {
float:right;
width:40%;
text-align:right;
word-break:break-all;
line-height:1.5em;
} .single_add_to_cart_button { font-size: 1.3em !important;
font-weight: 700 !important;
margin: 0 0.5em !important;
padding: 0 1.5em !important; height: 45px;
} .guide {line-height:2.0em;}
.guide2 {line-height:1.6em;padding-bottom:10px}
.genres {font-size:1.3em}     #cse-search-box {
width: 180px !important;
}
#cse-search-box div {
padding: 0 !important;
}
#cse-search-box input[type="text"] {
font-size: 14px;
height: 28px;
padding: 0 !important;
width: 235px;
background: #f9f9f9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 5px #dddddd;
-moz-box-shadow: 0 0 5px #dddddd;
-webkit-box-shadow: 0 0 5px #dddddd;
}
#cse-search-box input[type="submit"] {
background: url(https://www.tatsuyaoe.com/images/search.png) no-repeat !important;
border: 0 none;
color: #ffffff;
height: 20px;
margin: -45px 0px 0px 250px;
overflow: hidden;
text-indent: -9999px;
width: 25px;
-webkit-appearance: none; 
}   #cse-search-box2 {
width: 180px !important;
}
#cse-search-box2 div {
padding: 0 !important;
}
#cse-search-box2 input[type="text"] {
font-size: 14px;
height: 28px;
padding: 0 !important;
width: 180px;
background: #f9f9f9;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 5px #dddddd;
-moz-box-shadow: 0 0 5px #dddddd;
-webkit-box-shadow: 0 0 5px #dddddd;
}
#cse-search-box2 input[type="submit"] {
background: url(https://www.tatsuyaoe.com/images/search.png) no-repeat !important;
border: 0 none;
color: #ffffff;
height: 20px;
margin: -45px 0px 0px 190px;
overflow: hidden;
text-indent: -9999px;
width: 20px;
-webkit-appearance: none; 
} #note {font-size: smaller;} .double-rectangle {
text-align: center;
overflow: hidden;
margin-bottom: 30px;
}
.left-rectangle {
float: left;
margin-left: 20px; }
.right-rectangle {
float: right;
margin-right: 20px; }  h3.heading{
position: relative;
margin: 0 0 2em;
padding: 0.8em;
background: #1e73be;
color: #fff !important;  
font-size: 1.140em;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; text-transform: none;
}
h3.heading2{
position: relative;
margin: 0 0 1em;
padding: 0.8em;
background: #1e73be;
color: #fff !important; font-size: 1.4em;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; text-transform: none;
}
.artwork_oe { width: 240px; height: 240px; float:left; display:block; margin-right:20px; margin-bottom:15px; margin-top:10px} h4 {margin-bottom: 20px} .videoWrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.videoWrapper iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .videoWrappertop {
position: relative;
width: 100%;
padding-top: 40%;
}
.videoWrappertop iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .ninja-forms-field-56-options, .ninja-forms-field-77-options {
color: #333;
text-transform: capitalize;
} h3.heading3 {
position: relative;
margin: 0 0 1em;
padding: 0.6em;
background: #000;
color: #fff !important; font-size: 1.4em;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; text-transform: none;
} h2.heading{
position: relative;
margin: 0 0 2em;
padding: 0.8em;
background: #1e73be;
color: #fff !important;  
font-size: 1.140em;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; text-transform: none;
} h2.heading2{
position: relative;
margin: 0 0 1em;
padding: 0.8em;
background: #1e73be;
color: #fff !important; font-size: 1.4em;
line-height: 1.6em;
font-weight: bold;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; text-transform: none;
} h3.types { font-size: 1.5em; text-transform: capitalize !important; }
h3.types-lower { font-size: 1.1em; font-weight:400; color:#333333 !important; }
h2.types { font-size: 1.8em; text-transform: capitalize !important; }
.license-note {
background-color: #FCF8E3; border: 1px solid #ddd;
margin: 1em 0;
padding: 10px;
position: relative;
} #super_rss_reader-7 .srr-title{display:none;}
#super_rss_reader-8 .srr-title{display:none;} #super_rss_reader-7 .super-rss-reader-widget p {font-size: 110%;}
#super_rss_reader-5 .super-rss-reader-widget p {font-size: 110%;}
#super_rss_reader-6 .super-rss-reader-widget p {font-size: 110%;}
#super_rss_reader-6 .srr-title a {font-weight: bold;}
#super_rss_reader-5 .srr-title a {font-weight: bold;}  #super_rss_reader-7 .super-rss-reader-widget img {width:120px;}
#super_rss_reader-8 .super-rss-reader-widget img {width:120px;}
.srr-summary img {width:120px;}  .pagination_2 {
padding: 0; text-align: center;
font-size: 1.2em;
}
.pagination_2 a,
.pagination_2 span {
display: inline-block;
padding: 0.75em 1.5em;
margin: 0 0 2px 0;
text-decoration: none;
}
.pagination_2 a.prev {
float: left;
margin-left: 0;
}
.pagination_2 a.next {
float: right;
margin-right: 0;
} .nf-field-container {
font-size: 70%;
}
.field-wrap {
font-size: 70%;
} @media screen and (max-width: 768px) {
.searchesg {
display: none;
}
} .highlight-y {
background-color: #ff0; color: black;
padding: 0 5px; border-radius: 3px; box-shadow: 0 0 8px rgba(255, 255, 0, 0.2); }