@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700|Montserrat:400,700);body{width:100%;height:100%;font-family:Arial, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;color:#a9a9a9;background-color:#2C3E50;overflow-x:hidden;-webkit-text-size-adjust:100%;word-wrap:break-word;line-break:strict;overflow-wrap:break-word;text-align:justify;text-justify:inter-ideograph;}
html{width:100%;height:100%;}
p{margin:0 0 10px;font-size:18px;line-height:1.5;}
article p a{border-bottom:2px #3498DB solid;}
button{color:#fff;}
@media(min-width:768px){p{margin:0 0 15px;font-size:20px;line-height:1.6;}
}
a{color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a:hover,
a:focus{text-decoration:none;color:#3498db;}
.img-responsive{display:inline-block;margin:auto;max-width:100%;}
h1,
h2,
h3,
h4,
h5,
h6{margin:30px 0;font-family:Arial, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;font-weight:700;color:#dcdcdc;letter-spacing:1px;}
.navbar{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.3);text-transform:uppercase;font-family:Arial, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;background-color:rgb(27,37,47);-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out;}
.navbar-brand{font-weight:700;}
.navbar-brand:focus{outline:0;}
.navbar-custom a{color:#fff;}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active{outline:0;background-color:rgba(255,255,255,.2);}
.navbar-toggle{padding:4px 6px;font-size:16px;color:#fff;}
.navbar-toggle:focus,
.navbar-toggle:active{outline:0;}
.dropdown-menu{min-width:100%;background-color:rgba(255,255,255,.0);border:none;}
.dropdown-menu li a{color:white;}
.dropdown-menu li a:hover,
.dropdwon-menu li a:focus,
.dropdown-menu li{outline:0;background-color:rgba(255,255,255,.2);}
@media(min-width:768px){.navbar{padding:20px 0;border-bottom:0;letter-spacing:1px;background:0 0;}
.top-nav-collapse{padding:0;background-color:rgb(27,37,47);}
.navbar-custom.top-nav-collapse{border-bottom:1px solid rgba(255,255,255,.3);}
}
@media(max-width:767px){.search form{margin:0;border-width:0;}
.navbar{position:static;}
}
@media (max-width:991px){.navbar-header{float:none;}
.navbar-toggle{display:block;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse{display:none!important;}
.navbar-nav{float:none!important;margin:7.5px -15px;}
.navbar-nav>li{float:none;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}
.navbar-collapse.collapse.in{display:block!important;}
.collapsing{overflow:hidden!important;}
.dropdown{position:relative;}
.dropdown-menu{position:relative;background-color:rgba(255,255,255,0.0);z-index:31;}
}
.pager a{color:#2c3e50;}
.bread-wrap{height:30px;overflow:hidden;}
.breadcrumb-list{background-color:rgb(0,22,51);overflow:auto;}
.breadcrumb-list ol{display:table;list-style:none;color:#777;background:#fff;margin:0;padding-left:10px;height:100%;}
.breadcrumb-list ol li{display:table-cell;white-space:nowrap;line-height:30px;text-shadow:0 1px 0 white;}
.breadcrumb-list ol li a{color:#666;text-decoration:none;padding:0 10px 0 20px;background:#eee;background:-webkit-gradient(linear, left top, right top,
from(#fff),
color-stop(0.85,#efefef),
to(#efefef));display:block;float:left;}
.breadcrumb-list ol li a::after{position:relative;display:block;margin-top:-15px;margin-left:auto;margin-right:-15px;height:15px;width:10px;content:" ";-webkit-transform:skewX(-30deg);-moz-transform:skewX(-30deg);-o-transform:skewX(-30deg);-ms-transform:skewX(-30deg);background:#efefef;border-right:1px solid #d6d6d6;}
.breadcrumb-list ol li a::before{float:right;display:block;margin-bottom:-15px;margin-left:auto;margin-right:-15px;height:15px;width:10px;content:" ";-webkit-transform:skewX(30deg);-moz-transform:skewX(30deg);-o-transform:skewX(30deg);-ms-transform:skewX(30deg);background:#efefef;border-right:1px solid #d6d6d6;}
.breadcrumb-list ol li:first-child a{padding-left:0;}
.breadcrumb-list ol li a:hover{color:#3498db;}
#colorbox a{color:#3498db;}
#cboxSlideshow{right:25px;color:#3498db;margin-right:10px;}
.calendar{margin:20px 0;font-size:1.3em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}
.calendar table{width:100%;height:250px;text-align:center;table-layout:fixed;}
.calendar table caption{text-align:center;}
.calendar table thead tr th{text-align:center;white-space:nowrap;}
.calendar table tr td{text-align:center;white-space:nowrap;}
.calendar .current,
.calendar .prev,
.calendar .next{color:white;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.calendar .current:hover,
.calendar .prev:hover,
.calendar .next:hover,
.calendar .current:focus,
.calendar .prev:focus,
.calendar .next:focus{color:#3498db;}
/*
figure .caption {text-align: center;}
figure .caption p:only-child{display:inline-block;width:fit-content;text-align:left;}
figure .caption p + p{display: block;text-align: left;}
*/
.intro{position:relative;display:table;width:100%;height:100%;padding:100px 0;text-align:center;background:url(../img/top-bg.jpg) no-repeat right top scroll;background-color:#2c3e50;color:#fff;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.intro h1{color:#fff;}
.intro-section{position:relative;width:100%;height:100%;display:table-cell;vertical-align:bottom;padding-bottom:150px;}
.brand-heading{font-size:40px;font-weight:bold;color:#fff;}
.intro-text{position:relative;font-size:18px;}
.banner-social-buttons-section{position:absolute;bottom:5px;right:20px;}
@media(min-width:768px){.intro{min-height:600px;padding:0;}
.brand-heading{font-size:100px;}
.intro-text{position:relative;font-size:25px;margin:0 25px;}
}
@media only screen and (max-width:767px){.intro{position:relative;display:table;width:100%;height:100%;min-height:400px;margin:0;padding:100px 0;background:url(../img/top-bg1.jpg) no-repeat right top scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
}
@media only screen and (max-width:767px){.intro-section{padding-bottom:10px;}
.banner-social-buttons-section{position:absolute;top:5px;right:5px;}
}
.btn-circle{width:70px;height:70px;margin-top:15px;padding:7px 16px;border:2px solid #fff;border-radius:35px;font-size:40px;color:#fff;background:0 0;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;}
.btn-circle:hover,
.btn-circle:focus{outline:0;color:#fff;background:rgba(255,255,255,.1);}
.page-scroll{position:relative;z-index:2;}
@media only screen and (max-width:767px){margin-top:30px;}
.page-scroll .btn-circle i.animated{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-webkit-animation-name:pulse;-moz-animation-name:pulse;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;}
@-webkit-keyframes pulse{0{-webkit-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.2);transform:scale(1.2);}
100%{-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes pulse{0{-moz-transform:scale(1);transform:scale(1);}
50%{-moz-transform:scale(1.2);transform:scale(1.2);}
100%{-moz-transform:scale(1);transform:scale(1);}
}
.content-section{padding-top:0px;background-color:rgb(27,37,47);}
.weblog-section{padding:50px 0;background-color:rgb(27,37,47);border-bottom:2px solid #2C3E50;}
.weblog-intro{position:relative;display:table;width:100%;height:50%;padding:100px 0 0 0;text-align:center;color:#fff;background:url(../img/top-bg.jpg) no-repeat right top scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;vertical-align:middle;}
.weblog-section table tr th{width:17%;color:#222222;text-align:right;background-color:#485058;}
.weblog-section table tr td{font-weight:bold;background-color:#485058;color:#222222;}
.weblog-section table tr td a{font-weight:normal;}
.weblog-section figure figcaption{text-align:center;font-style: italic;margin-bottom:15px;}
.blog-item{display:inline-block;}
.opencv-section{display:table;width:100%;height:100%;text-align:center;background-color:#2c3e50;color:#fff;}
.opencv-section .image{display:table-cell;vertical-align:middle;}
.opencv-section img{margin:50px;max-width:1000px;max-height:500px;}
.portfolio-section{width:100%;padding:50px 0;background-color:rgb(27,37,47);border-bottom:2px solid #2C3E50;}
.footer-section h2{margin-bottom:10px;}
.footer-section{width:100%;padding:50px 0;color:#fff;background-color:#2C3E50;}
.footer-section dt{margin-left:20px;font-size:18px;}
.footer-section dd{margin-left:35px;margin-bottom:10px;color:#A9A9A9;font-size:18px;}
.portfolio-item{margin-bottom:25px;}
.note-section{padding:50px 0;border-bottom:2px solid #2C3E50;}
.summernote img{display:block;max-width:100%;height:auto;margin-right:20px;margin-bottom:20px;}
.summernote h2{clear:both;}
.summernote p:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.adsbygoogle-section{margin:-30px 0 -10px 0;width:100%;overflow:hidden;text-align:center;}
.adsbygoogle{margin:30px 0 20px 0;}
.item{margin-bottom:5px;}
.columns-4 ol{-moz-column-count:4;-webkit-column-count:4;-ms-column-count:4;column-count:4;-webkit-column-rule:2px dotted #2C3E50;-moz-column-rule:2px dotted #2C3E50;column-rule:2px dotted #2C3E50;}
.entry-search .media{overflow:hidden;height:250px;}
#photo-timeline{margin-top:40px;}
#photo-timeline h2.date{display:none;}
@media(max-width:767px){.entry-search .media{height:128px;}
.entry-search .media img{height:128px;width:128px;}
.summernote img{max-width:100%;width:50%;}
}
.entry-search .sound{overflow:hidden;height:25px;}
.entry-search .sound img{height:25px;width:25px;}
@media(max-width:991px){.tag-section ol{-moz-column-count:3;-webkit-column-count:3;-ms-column-count:3;column-count:3;-webkit-column-rule:2px dotted #2C3E50;-moz-column-rule:2px dotted #2C3E50;column-rule:2px dotted #2C3E50;}
}
@media(max-width:767px){.tag-section ol{-moz-column-count:2;-webkit-column-count:2;-ms-column-count:2;column-count:2;}
}
@media(max-width:479px){.tag-section ol{-moz-column-count:auto;-webkit-column-count:auto;-ms-column-count:auto;column-count:auto;}
}
.contact-section{padding:50px 0;background-color:rgb(27,37,47);}
.thumbnail{padding:0;position:relative;}
.thumbnail img{display:block;width:100%;}
p.overlay{overflow:hidden;width:100%;height:100%;position:absolute;top:0;right:0;padding:5px;opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;filter:alpha(opacity=0);background-color:rgb(27,37,47);}
p.overlay:hover{opacity:1;filter:alpha(opacity=100);background-color:rgba(0,0,0,0.70);}
.more-photo{position:relative;}
.more-photo p{position:absolute;left:0;bottom:0;margin:auto;padding:10px;text-align:center;color:rgb(27,37,47);}
.more-photo img{-webkit-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
@media(max-width:991px){.weblog-section,
.portfolio-section,
.about-section,
.note-section,
.contact-section,
.footer-section{padding:20px 0;}
.sidebar{border-top:2px solid #2C3E50;}
}
@media only screen and (max-width:767px){.weblog-intro{display:table;width:100%;height:50%;padding:0;background:url(../img/top-bg1.jpg) no-repeat right top scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
.sidebar{border-top:2px solid #2C3E50;}
}
::-webkit-input-placeholder{color:red;}
:-moz-placeholder{color:red;}
.btn{text-transform:uppercase;font-family:Arial, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.btn-default{border:1px solid white;color:#fff;background-color:#2c3e50;}
.btn-default:hover,
.btn-default:focus{border:1px solid #2c3e50;outline:0;color:#fff;background-color:#34495e;}
.btn-note{border:1px solid white;color:#fff;background-color:rgb(27,37,47);}
.btn-note:hover,
.btn-note:focus{border:1px solid #2c3e50;outline:0;color:#fff;background-color:#34495e;}
.banner-social-buttons{margin-top:0;}
.banner-social-buttons .btn-default{background-color:rgb(27,37,47);}
.banner-social-buttons .btn-default:hover,
.btn-default:focus{border:1px solid #2c3e50;outline:0;color:#fff;background-color:#34495e;}
.marquee{overflow:hidden;}