/*
Theme Name: Raindrops for theme site
Theme URI: http://www.tenman.info/wp3/boots
Description: for http://www.tenman.info/wp3/raindrops/
Author: Tenman
Author URI: http://www.tenman.info/wp3/
Version: 1.400.1
Tags:black, blue, gray, brown, green, orange, pink, purple, red, silver, tan, white, yellow,dark,light,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, post-formats, featured-images, full-width-template, fixed-layout, fluid-layout, responsive-layout
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: raindrops
Template: raindrops
*/

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Jolly+Lodger);

.shake-hand{

    background: url( http://www.tenman.info/wp3/raindrops/files/shake-hand1.png );
    background-position:top right;
    background-repeat:no-repeat;
    background-size:150px 150px;
    box-sizing:border-box;
}
.home .topsidebar > ul >li,
.home .topsidebar > ul{
    margin:0!important;
    padding:0!important;
}
.home .topsidebar{
    margin:13px 1em 0 10px;
    box-sizing:border-box;
    width:97.5%;
    padding-bottom:2em;
}
.home .topsidebar .widgettitle{
    display:inline-block;
    width:90%;
    margin-bottom:-1.6em;
    overflow:hidden;
}

.home .topsidebar .widgettitle{
    text-align:center;
}
.home .index.archives .raindrops-sticky{
    border:1px solid #ccc;
    margin-bottom:1em;
}
.rd-type-milk #site-title  span{
    
}

.index .sticky{
    padding-top:2px;
}


.menu-preview-container{
    border: 1px solid #ccc;
}
.menu-preview-container a{
    font-size:1.3em;

    font-family:"Oswald", sans-serif;
}
.theme-data .homepage a span:before{
    content:'Download';
    margin-right:.5em;
}
.front-page.index{
    margin-top:13px;
}

.home-top-content{
    margin:.5em 0 .5em;
}



.header-image-menu{
    background:#fff;
    background:rgba( 222,222,222,.5);
    margin:auto;
    max-width:640px;
}
.header-image-menu li {
    width:32%;
    display:inline-block;
    margin:0;
    max-width:240px;

}
.header-image-menu li img{
    max-width:100%;
}

#top #header-image p{
   text-shadow: 4px 4px 4px rgba(0,0,0,.5);
    color:#fff!important;
    /*font-family: 'Pacifico', sans-serif;*/
    font-family: 'Fredericka the Great', sans-serif;
    fonr-size:300%;
    font-size:3vw;
    font-size: min(.77em, 10px);
}
#top #header-image p:after{
    content:'\2665';
    color:red;
    display:inline-block;
    margin-left:.05em;
    position:relative;
    top:-.3em;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}



/* accessibility */

.raindrops-accessible-mode #menu-download li a:focus{
    visibility:visible;
/*    background:none!important;
    margin:-2px;*/

}

.features-of-theme h3{
    background:#437eb1;
    color:#fff;
    border-radius: 0px 15px 15px 0px; 
    -moz-border-radius: 0px 15px 15px 0px; 
    -webkit-border-radius: 0px 15px 15px 0px; 
    padding:6px 6px 3px 6px;
    background-image: -webkit-linear-gradient(left,
        transparent 20%,
        rgba(255, 255, 255, 0.1) 20%, 
        rgba(255, 255, 255, 0.7) 40%, 
        rgba(255, 255, 255, 0.2) 50%, 
        rgba(255, 255, 255, 0.3) 60%, 
        rgba(255, 255, 255, 0.4) 60%, 
        rgba(255, 255, 255, 0.5) 70%, 
        rgba(255, 255, 255, 0.6) 80%, 
        rgba(255, 255, 255, 0.7) 90%,
        rgba(255, 255, 255, 0.8) 90%, 
        rgba(255, 255, 255, 0.9) 100%
        );
    margin:32px 0;
    background-position:0 15px;
    background-size:100% 50%;
    background-repeat:repeat-x;
}


.features-of-theme h3:before{
    content: ' ';
    width:15px;
    height:15px;
    display:inline-block;
    margin-right:1em;
    margin-top:-4px;
    background:orange;
    vertical-align:middle;
    background-image: -webkit-linear-gradient(left,
        transparent 20%,
        rgba(255, 255, 255, 0.1) 20%, 
        rgba(255, 255, 255, 0.1) 40%, 
        rgba(255, 255, 255, 0.3) 40%, 
        rgba(255, 255, 255, 0.3) 60%, 
        rgba(255, 255, 255, 0.5) 60%, 
        rgba(255, 255, 255, 0.5) 80%, 
        rgba(255, 255, 255, 0.6) 80%, 
        rgba(255, 255, 255, 0.6) 100%
        );      
}
.features-of-theme p:before{
    /* content:url( 'images/check.png' );*/ 
    background:url( images/check.png );
    margin:0 10px;
    content:" ";
    display:inline-block;
    width:13px;
    height:13px;
    background-size:cover;

}

.features-of-theme p{
    margin:1em 0 0 2em;
}
.sticky-widget .widgettitle{
    font-weight:bold;
    font-family:serif;
}


.shake-hand .note{
    border-top:1px solid rgba(222,222,222,.2);
    border-left:1px solid rgba(222,222,222,.2);
    position:relative;
    margin:0 22px 10px 10px;
    padding:14px 15px 0px 20px;
    line-height:2;
   background:#ffc;
   color:#000;
    box-shadow:
        12px 0 0 0 #ffc,
        0 12px 0 0 #ffc,
        1px 15px 4px -3px rgba(0,0,0,0.2);
}
.shake-hand .note:before{
    content:" ";
    position:absolute;
    top:100%;
    left:100%;
    width:0;
    height:0;
    border-width:12px 12px 0 0;
    border-style:solid;
    border-color:transparent;
    border-top-color:#cc9;
}
.news-of-theme .size2of3{
    height:100%;
}
.news-of-theme .size2of3 p{
    margin-top:.7em;
}
@media screen and (max-width : 640px){
    #access .sub-menu,
    #access .children,
    #access .menu > li{
        width:100%;
        display:block!important;
        position:static!important;
        float:none!important;
        overflow:visible!important;
        text-align:center;
    }
    #access .sub-menu a, #access .children a, #access .children .current_page_item a {
        text-align: center!important;

    }
    
    .breadcrumbs{
        display:block;
        width:90vw;
        margin:auto;

    }
    #top .breadcrumbs li{
        margin-left:1.5em;
    }
    #top .breadcrumbs li{
        display:block;
    }
    #top .breadcrumbs li:after{
        display:none;
    }
    .breadcrumbs{
        margin:0 0 0 1em;
        padding:0;
        list-style:none;
        position:relative;
    }
   
    .breadcrumbs:before {
        content:'\00a0 \00a0 \00a0 \00a0' attr(itemprop);
        display:block;
        width:0;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        border-left:1px solid green;
        font-weight:bold;
        color:green;
    }
    .breadcrumbs li {
        margin:0;
        padding:0 1.5em;
        line-height:2em;
        font-weight:bold;
        position:relative;
        text-align:left;
    }
    .breadcrumbs li:before {
        content:"";
        display:block;
        width:10px;
        height:0;
        border-top:1px solid green;
        margin-top:-1px;
            position:absolute;
        top:1em;
        left:-1.5em;
    }
    
    .breadcrumbs li:last-child:before {
        background:white;
        height:auto;
        top:1em;
        bottom:0;
    }
    .post-group-by-category-title .post-group_by-category-title{
        width:100%;
        box-sizing:border-box;
    }
}

.page-id-2451{
    background:#555;
}

a:focus{
    outline:thin dotted!important;
}

li[tabindex="-1"],
h1[tabindex="-1"],
h2[tabindex="-1"],
div[tabindex="-1"]{
    outline:none!important;
}
.widget .post-group_by-category-author,
.widget .post-group-by-category-time{
    display:inline-block;
    margin:0 .7em;
    display:none;
}
/*
.bottom-sidebar ul,
.bottom-sidebar li{
    margin:0;
    padding:0;
}
.bottom-sidebar li{
    list-style:none;
}
.bottom-sidebar .raindrops-pinup-entries .entry-title {
position: absolute;
top: -20px;
white-space: nowrap;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}*/


/*breadcrumbs*/

ol.breadcrumbs{
    margin:1em;
}
.breadcrumbs li{
    list-style:none;
    display:inline-block;
    margin:0;
    padding:0;
}
.breadcrumbs li:after{
    content: '>';
    display:inline-block;
    width:2em;
    text-align:center;
}
.breadcrumbs li:last-child:after{
    content: '';
}
.breadcrumbs .current{
    font-weight:bold;
}
.entry-content li ul{
    margin-top:1em;
}
.author main,
article{
    margin-right:1em!important;
}
.skip-link{
    max-width:320px!important;
    word-break:break-all;
}
.lsidebar .widget_recent-post-groupby-cat .xoxo li:target h3{
    padding-top:50px;
    margin-top:-50px;
}
.lsidebar .widget_recent-post-groupby-cat .xoxo,
.rsidebar .widget_recent-post-groupby-cat .xoxo{
    margin-bottom:2em;
}
#site-title a:focus{
    background:transparent!important;
}


.bottom-sidebar-2{}
.bottom-sidebar-2 li,
.bottom-sidebar-2 ul{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
}
.bottom-sidebar-2 > ul > li{
    width:50%;
 /*   padding:10px 10px 10px 0;*/
    box-sizing:border-box;
    float:left;
    height:auto;
}
.bottom-sidebar-2 li:nth-child(even):after {
   clear:left;
}
.bottom-sidebar-3{}
.bottom-sidebar-3 li,
.bottom-sidebar-3 ul{
    margin:0;
    padding:0;
    list-style:none;
}
.bottom-sidebar-3 li{
    width:33.3%;
    padding:10px 10px 10px 0;
    box-sizing:border-box;
    float:left;
    height:auto;
}
.bottom-sidebar-3 li:nth-child(even):after {
   clear:left;
}
.bottom-sidebar-3 .entry-title{
    top:-10px;
}

.raindrops-pinup-entries iframe{
    max-width:100%;
   max-height:100%; 
}
@media screen and (max-width : 640px){
.raindrops-pinup-entries{

        width:100%!important;
        display:block!important;
        position:relative!important;
        float:none!important;
        overflow:visible!important;
        text-align:center;

    }
 
   .index.archives.front-page li{
       margin-top:1em;
   }
   #yui-main .bottom-sidebar-2 .raindrops-pinup-entries > div{
       height:auto!important;
   }
   .author main,
    article{
    margin-right:0!important;
    }
    .yui-b > .topsidebar ul li .menu-download li a{
        padding:0;
    }
}
.wp-smiley{
    vertical-align:middle;
}
.raindrops-entrywidget-attachment-title{
    font-size:123%!important;
}

.widget_recent-post-groupby-cat .xoxo ul li{
    border-bottom:1px solid #fff;
    border-bottom:1px solid rgba(255,255,255,.5);
}
a:focus{
    outline:none!important;
}
body:not(.home) #top p:not(.raindrops-mobile-menu){
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: 50px;
}

.ie11.enable-keyboard #access .sub-menu a:focus,
.ie11.enable-keyboard #access .children a:focus,

.ie11.raindrops-accessible-mode #access .sub-menu a:focus,
.ie11.raindrops-accessible-mode #access .children a:focus/*,
.raindrops-accessible-mode .hfeed a:focus*/{
    position:relative;
    margin-top:.3em;
}

.textwidget .apply-plugin-preview{text-align:center;}

.ja .apply-plugin-preview .ja{display:block;}
.ja .apply-plugin-preview .en{display:none;}
body:not(.ja) .apply-plugin-preview .en{display:block}
body:not(.ja) .apply-plugin-preview .ja{display:none;}



.rsidebar .eco-archive ul,
.lsidebar .eco-archive ul{
   margin:0;
}
.rsidebar .eco-archive li,
.lsidebar .eco-archive li{
    display:inline-block;
    margin:0 .5em;
}
.lsidebar .eco-archive h4,
.rsidebar .eco-archive h4{
    font-size:123.1%;
    border-bottom:1px solid #555;
    white-space:nowrap;
}
@media screen and (max-width : 640px){
    .rsidebar .eco-archive li,
   .lsidebar .eco-archive li{
       display:block;
       margin:.5em;
   }   
}

.lang-ja{max-width:100%;}

#top #access ul li.current_page_item > a,
#top #access ul li.current-menu-ancestor > a,
#top #access ul li.current-menu-item > a,
#top #access ul li.current-menu-parent > a{
    color:orange;
}

.search .fail-search,
.search #not-found {
    background:#fff;
    margin:3em;
}
.home #doc5 #header-image,
.home #doc3 #header-image{
    display:none;
}

#bd .widget_recent-post-groupby-cat .xoxo > li:last-child{
    border:1px solid #ccc!important;
}
.rd-type-milk .rsidebar .widget .widgettitle{
    margin:0;
}
.rd-type-milk .rsidebar .widget ul{
    margin:.5em;
}
.rd-type-milk .rsidebar .widget,
.widget_recent-post-groupby-cat .xoxo > li{
    border:1px solid #ccc;
    margin-bottom:1em;
    position:relative;
    font-family: 'Noto Sans', sans-serif;
}

.eco-archive{
    border:1px solid #ccc;
    padding:1em;
    font-family: 'Noto Sans', sans-serif;
}
body.ja{
     font-family: 'Noto Sans', sans-serif;
}
.home .bottom-sidebar-2 img{
    border:1px solid #000;
}
.single-post .entry-content{
    font-size:123%;
}
.home .sticky .entry-title{

}
.single .category-bug .entry-title{
  font-family: 'Jolly Lodger', cursive;
    font-size:286%;
   
}

.single .category-bug .entry-title span,
.single .category-bug time{
    color:#DC143C;
    font-weight:bold;
}
.single .category-bug div[class^="entry-meta"]{
    text-align:center;
}
.quickfix{
    color:lightpink!important;
}
.quickfix:first-letter{
    color:yellow;
}
.rd-type-milk div.raindrops-excerpt-more{
    margin:3em 0 0;
    display:block;
    width:9em;
    text-align:center;
}
div[class^="my-color"],
div[class^="accent"]{
    display:inline-block;
   
   
}
div[class^="my-color"] p,
div[class^="accent"] p{
    margin-bottom:0;
}
div.accent{
    display:block;
    border:1px solid #777;
    margin:0 auto 2em;
    position: relative;
    overflow: hidden;
}
div.accent::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0));
  transform: rotateZ(60deg) translate(-5em, 7.5em);
}
div.accent:hover::after, button:focus::after {
  animation: sheen 1s forwards;
}
@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(1em, -26em);
  }
}
/*
div[class^="my-color"]::before,
div[class^="accent"]::before {
    content:'';

    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation: fadeout 3s; 
       -moz-animation: fadeout 3s;
        -ms-animation: fadeout 3s;
         -o-animation: fadeout 3s;
            animation: fadeout 3s;

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

*/




footer{
    padding-bottom:1em;
}
.sticky .entry-title .entry-title-text:before{
   /* content:'\672a';*/
    content:url(http://www.tenman.info/wp3/raindrops/files/ic_update_black_24dp_1x.png);
    width:1em;
    height:1em;
    display:inline-block;
    vertical-align:middle;
    margin-right:.3em;
    text-align:center;
    color:#fff;
}
.sticky.category-bug .entry-title .entry-title-text:before{
    content:url(http://www.tenman.info/wp3/raindrops/files/ic_bug_report_black_24dp_1x.png);
    vertical-align:middle;
    position:relative;
    top:-3px;
}
.sticky.category-comingsoon .entry-title .entry-title-text:before{
    content:'\4e88';
}
.post-group_by-category-title{
    padding:1em;
    border:1px solid #eee;
    margin:0 0 1em 0;
    display:inline-block;
    white-space:nowrap!important;
    width:45px;
    text-align:center;
}

.home .topsidebar .widgettitle{
    color:#000;
}
.sticky.category-comingsoon .entry-title-text:before,
.post-group_by-category-title.comingsoon{
    background: #a38c08;
}
.sticky.category-1 .entry-title-text:before{
     position:relative;
    top:-3px;
}
.rd-type-milk .raindrops-entrywidget-attachment-title,
.post-group_by-category-title{
    background:#56b274;
    
}
.post-group_by-category-title.bug{
       background: #e14d43;
}

.rd-type-milk .raindrops-entrywidget-attachment-title,
.post-group_by-category-title a,
.post-group_by-category-title.comingsoon a,
.post-group_by-category-title.bug a{
    color:#fff!important;
}

@media screen and (max-width: 640px) {
    .topsidebar .download-wp a{
        padding:0;
    }
    .home .topsidebar{
        margin:13px 1em 0 10px;
        box-sizing:border-box;
        width:90vw;
        padding-bottom:2em;   
    }
    .widget_nav_menu.sticky-widget{
        min-width:0;
        box-sizing:border-box;
        max-width:100%;
        width:90vw;
        min-width:0;
    }
    .clip-link .quote-raindrops .second{
        margin:0!important;
    }
   
  
    .bottom-sidebar-2 ul{
        overflow:hidden;
        margin:0;
        padding:0;
        
    }
    
    .bottom-sidebar-2 ul li div{
        margin:0;
        padding:0;
    }
    .lsidebar .textwidget{
        margin:0;
    }
 /*    body .index.archives.front-page{
        width:100%;
        padding:0;
        margin:0;
    }*/
    .blog article.sticky, .home article.sticky{
        margin:0;
    }
    #header-image{
        min-height:20px;
    }
    
}
.lsidebar .theme-info{
    max-width:100%;
}
.lsidebar .theme-info .theme-data .homepage a,
.lsidebar .theme-info .theme-data,
.lsidebar .theme-info .screenshot,
.lsidebar .theme-info .screenshot img{
    max-width:100%;
    float:none;
    margin:0;
}
#post-3468{
    font-size:108%;
}
#post-3468 .front{
    font-size:150%;
    margin:2em 0;
}
#post-3468 .raindrops-toggle-title{
    display:inline-block;
    margin:1em 0;
}
.entry-content .raindrops-tab-page > h3{
    margin:0;
}

.raindrops-tab-page .quote-raindrops h3{
    visibility:visible;
}
.entry-content .raindrops-tab-list li a,
.raindrops-tab-list li{
    background: #e14d43;
    color:#fff;

}
.raindrops-tab-content{
    border:1px solid #ccc;
}
.raindrops-tab-list li{
    border-right:1px solid #fff;
}
.enable-keyboard .hfeed .raindrops-tab-list li a:focus,
.enable-keyboard .hfeed .raindrops-tab-list li:active{
    color:#000;
    opacity:1.0;
}

.enable-keyboard .hfeed a:focus{
  /*  background:inherit!important;
    margin-bottom:inherit!important;*/

}
.theme-info a{
    margin:auto;
}
.pinup-entry-title a{
    overflow:hidden;
}
.raindrops-tab-list a{
    white-space:nowrap;
}
.message,
.info,
.alert-message{
    background:#fff;
    color:#333;
    margin:24px 0;
    border-bottom:1px dashed #ccc;
    padding:.5em;
}
#site-title a:focus{
    padding:0!important;
}
.raindrops-pinup-entries .w3-standard-list{
    margin:1em;
}
.raindrops-pinup-entries .w3-standard-list li{
    font-family: "Oswald", sans-serif;
    font-size:108%;
    line-height:1.6;
}
body.enable-keyboard .hfeed a:focus{
   /* padding:0;*/
}
.lsidebar .widget ul li a {
    margin-top: 0;
}
.lsidebar ul li,
.lsidebar ul li{
  list-style:none!important;  
}


/* cache issue */
#post-3324 .intro{ font-size:123.6%; }
#post-3324 .intro p{ margin-bottom:1.6em; }
#post-3324 .intro p:last-child{ margin-bottom:0; }
#post-3324 .social{ background:#fff; }
#post-3324 .timeline{ box-sizing: border-box; }
#post-3324 li{ margin-left:0; color:#000; }
#post-3324 li a{ color:#000; }
#post-3324 .timeline{ position: relative; overflow: hidden; list-style: none; width: 800px; margin: 30px auto; padding: 0; }
#post-3324 .timeline:after { content:""; z-index: 1; position: absolute; left: 50%; top:0; width: 4px; margin-left: -2px; min-height: 100%; background-color: #777; }
#post-3324 .timeline li { z-index: 2; position: relative; width: 380px; float: left; margin-bottom: 30px; background-color: #fff; padding:20px; box-sizing:border-box; }
#post-3324 .timeline li.left { float: left; clear: left; }
#post-3324 .timeline li.right { float: right; clear: right; }
#post-3324 li.highlight { float: none; clear: both; width: auto; border: 5px solid #ccc; }
 .timeline li:before { content:""; z-index: 1; position: absolute; top: 14px; right: -6px; left: -6px; width: 12px; height: 12px; background-color: #fff; transform: rotate(45deg); }
#post-3324 .timeline li.left:before { left: auto; }
#post-3324 .timeline li.right + li.left:before, #post-3324  .timeline li.left + li.right:before { top: 36px; }
#post-3324 .timeline li.highlight:before { left: 50%; margin-left: -6px; right: auto; top: -6px; }
#post-3324 .timeline li:after { content:""; z-index: 1; position: absolute; top: 14px; right: -27px; left: -27px; width: 8px; height: 8px; border: 3px solid #777; border-radius: 100%; background-color: #ccc; transition: .2s; }
#post-3324 .timeline li:hover:after { background-color: #666; top: 12px; right: -29px; left: -29px; width: 12px; height: 12px; }
#post-3324 .timeline li.left:after { left: auto; }
#post-3324 .timeline li.right + li.left:after, #post-3324  .timeline li.left + li.right:after { top: 36px; }
#post-3324 .timeline li.right + li.left:hover:after, #post-3324  li.left + li.right:hover:after { top: 34px; }
#post-3324 .timeline li.right:after { right: auto; }
#post-3324 .timeline li.highlight:after { left: 50%; margin-left: -7px; right: auto; top: -24px; }
#post-3324 .timeline li.highlight:hover:after { margin-left: -9px; top: -26px; }
 @media screen and (max-width : 799px){
#post-3324 li.highlight{ width: 300px; }
#post-3324 .timeline li.left { float: none; clear: left; display:block; width: 300px; }
#post-3324 .timeline li.right { float: none; clear: right; display:block; width: 300px; }
#post-3324 .timeline:after { content:""; z-index: 1; position: absolute; left: 320px; top:0; width: 4px; margin-left: -2px; min-height: 100%; }
 }
 
body.enable-keyboard .hfeed .nav-links a:focus:active,
body.enable-keyboard .hfeed .nav-links a:focus:focus{
    padding: 0.23076923076em 0.38461538461em;
    display: inline-block;
 }
 
 /* preview */
 #nav_menu-5 #menu-preview{
    
 }
 #nav_menu-5 #menu-preview li{
     width:47%;
     height:3em;
     text-align:center;
     padding:0;
 }
 #nav_menu-5 #menu-preview li:hover{
     background: #56b274;
 }
 #nav_menu-5 #menu-preview li:first-child{
     /* border:1px solid #fff;*/
     float:right;
}
.lsidebar #searchform{
    margin:1em auto;
}
.widget_recent-post-groupby-cat{
    font-size:116%;
    font-weight:400;
}
.widget_recent-post-groupby-cat .cat-item{
    font-size:85%;
}

.post-group-by-category-title .h2-thumb + .entry-title-text {
   padding:0;
   line-height:1.4;
}
.clip-link{
    margin-bottom:1em;
}
#Site-Raindrops-1508 #doc5 #header-image{
    min-height:78px;
    padding-bottom:0;
}
.post-group-by-category-title .bug + ul .entry-title-text{
    font-family: Oswald, sans-serif;
}

@media screen and (max-width : 640px){
    #Site-Raindrops-1508 #doc5 #header-image{
        height:0!important;
        min-height:0;
    }  
}
.ja .entry-content .rd-modal h3{
    margin:0;
}
.topsidebar #rss-5.widget_rss ul li a:focus,
.topsidebar #rss-5.widget_rss ul li a:active,
.topsidebar #rss-4.widget_rss ul li a:focus,
.topsidebar #rss-4.widget_rss ul li a:active,
.topsidebar #rss-3.widget_rss ul li a:focus,
.topsidebar #rss-3.widget_rss ul li a:active{
    padding:1em;
}
.topsidebar #rss-5.widget_rss .widgettitle a,
.topsidebar #rss-4.widget_rss .widgettitle a,
.topsidebar #rss-3.widget_rss .widgettitle a{
    display:inline; 
}
.topsidebar #rss-5.widget_rss ul li,
.topsidebar #rss-4.widget_rss ul li,
.topsidebar #rss-3.widget_rss ul li{
    background:#fff;
}
.hfeed .lsidebar .widgettitle, 
.hfeed .rsidebar .widgettitle{
    margin-bottom:0;
}
#access.raindrops-menu-fixed {
    background:#eee;
    border-bottom:1px solid #aaa;
}

.raindrops-menu-fixed > div:before{
    /** Sticky Menu place holder for site-icon custom-logo 
     *
     * max height 32px
     *     */
        background-image:url( 'http://www.tenman.info/wp3/raindrops/files/cropped-raindrops-32-300x300.png' );
        width:32px;
        height:32px;

}
#doc5.yui-t6 #container > .first > div, 
#doc5.yui-t5 #container > .first > div, 
#doc5.yui-t4 #container > .first > div{
    margin:auto;
}
.topsidebar .widget_rss ul li:first-child{
    flex-basis:400px;
}
.bottom-sidebar-2 p{
    padding:0 1em;
}
.bottom-sidebar-2 .pinup-entry-title span{
    padding:.5em;
   display:block;  
}
.topsidebar .widget_rss li,
.topsidebar .widget_rss li .rsswidget{
       color:#222222;background: -webkit-gradient( linear, left top, left bottom, from( #d6dde8 ), to( #eff2f7 ) );
       background: -moz-linear-gradient( top,  #d6dde8,  #eff2f7 );
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dde8', endColorstr='#eff2f7' );
       background-image: -ms-linear-gradient( top,  #d6dde8,  #eff2f7 );
}
.topsidebar .widget_rss li{
     border:1px solid #ccc;
}
.topsidebar .widget_rss li .rsswidget{
   border-bottom: 1px solid #ccc;   
}
#approach-2505 + ul {
    border:1px solid #ccc;
}
.blog .sticky, .home .sticky{
    background:transparent;
    border:none;
}
.home .index.archives .raindrops-sticky{
    border:none;
}
.homepage .color-2 a,
.homepage .color-2{
    background:#3498db;
    color:#fff;
}
.theme-info .theme-version{
    background:rgba(52, 152, 219,.8);
}
.theme-info .theme-last-update{
    background:rgba(52, 152, 219,.6);    
}
.theme-info .download{
     background:rgba(52, 152, 219,.4);    
}
.rd-pw-doc5.rd-col-1 #doc5 #header-image,
body:not(.home) #top #hd #header-image{
    padding-bottom:8vw!important;
}
@media screen and (min-width : 760px){
.rd-pw-doc5.archive #doc5 #header-image,
.rd-pw-doc5.rd-col-1 #doc5 #header-image,
body:not(.home) #top #hd #header-image{
    padding-bottom:77px!important;
}   
}
.home #access .rsidebar-shrink,
.menu-preview-container .rsidebar-shrink{
    display:none;
}
.entry-content .quote-raindrops{
    max-width:none;
}

#raindrops_extend_archive_widget-3 .month:hover{
      box-shadow:0px 0px 6px 3px #deebe7;
    -moz-box-shadow:0px 0px 6px 3px #deebe7;
    -webkit-box-shadow:0px 0px 6px 3px #deebe7;
    background:#fff;
    font-weight:700;

}

.entry-content span[class^="accent"]:hover,
.entry-content .quote-raindrops:hover{
    box-shadow:0px 0px 6px 3px #deebe7;
    -moz-box-shadow:0px 0px 6px 3px #deebe7;
    -webkit-box-shadow:0px 0px 6px 3px #deebe7;
    margin:0 -1px!important;
}
.entry-content span[class^="accent"]{
    border:1px solid #aaa;
}
.rsidebar > ul .widgettitle, .lsidebar > ul .widgettitle{
    margin:0;
}
.home .index .raindrops-sticky.rd-tpl-front-page{
    border-bottom: 2px solid;
    margin-top:3em;
}
.home .index .raindrops-sticky.rd-tpl-front-page .entry-title{
    font-weight:400;
}
.home .index:first-child{
     padding-top:0;
     margin-top:-1em;
}
#Raindrops-for-theme-site #access .menu > li{
    border:none;
}
a[href^="https://github.com/"]{
    visibility:hidden;
    border:1px solid #ccc;
    padding:4px;
    border-radius: 12px 0 0 12px;
    height:26px;
    background:#ecf0f1;
    color:#555;
    box-sizing:border-box;
    transition: visibility 2s ease-out;
    overflow:hidden;


}
a[href^="https://github.com/"]:hover{
    visibility:visible;
}
a[href^="https://github.com/"]:before{
    content:''; 
    visibility:visible;
    display:inline-block;
    background:url('http://www.tenman.info/wp3/raindrops/files/GitHub-Mark-64px.png');
    width:20px;
    height:20px;
    background-size:contain;
    vertical-align:middle;
    margin-right:13px;
}
.header-image-menu a[href^="https://github.com/"]{
   visibility:visible;
   overflow:hidden;
   background:transparent;
}
.header-image-menu a[href^="https://github.com/"]:before{
    display:none;
}
/* sub block */
.entry-content .aside{
    font-size:100%;
    border:1px solid #aaa;
    padding:1em;
    margin:2em 1em;
    background:#fff;
    color:#000;
    position:relative;
    overflow:hidden;
}
.entry-content .aside:before{
    content: attr(data-title);
    display: block;
    position:absolute;
    right:0;
    top:0;
    background:#777;
    padding:.2em 1em;
    color:#fff;
    font-weight:700;
}
.entry-content [class*="aside"].rd-info:before {
    background: #56b274;
}
.entry-content [class*="aside"].rd-alert:before{
    background: #e14d43;
}
.entry-content [class*="aside"].rd-notice:before{
    background:#a38c08;
}
.entry-content [class*="aside"].rd-info{
    border-top: 3px solid #56b274;
}
.entry-content [class*="aside"].rd-alert{
    border-top: 3px solid #e14d43;
}
.entry-content [class*="aside"].rd-notice{
    border-top: 3px solid #a38c08;
}
[class*="aside"].aside h3:first-of-type{
    margin-top:0;
}
[class*="aside"].aside h3{
    margin:1em 0;
    border-bottom:1px solid #aaa;
}
[class*="aside"].aside p{
    font-size:77%;
    margin-bottom:.4em;
}
[class*="aside"].aside a:after{
    content: " \00a0 \1f517 \00a0";
    display:inline-block;
    color:#3498db;
    font-size:1.2em;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/**
 * Reset
 */
.entry-content div[data-mod] dl, .entry-content div[data-mod] td, .entry-content div[data-mod] table, .entry-content div[data-mod] p, .entry-content div[data-mod] .h3, .entry-content div[data-skin]{
    min-width:0;
    max-width:100%;
}
/**
 * Module
 * モジュールは　マージン　パディング　html構造を書きます。フォールバック用のボーダーも
 */
.entry-content div[data-mod="aside"]{
    border:1px solid #aaa;
    border-top: 3px solid #777;
    padding:1em;
    margin:2em 1em;
    position:relative;
}
.entry-content div[data-mod="aside"]:before{
    content: attr(data-title);
    display: block;
    position:absolute;
    right:0;
    top:0;
    padding:.2em 1em;
    font-weight:700;
}
.entry-content div[data-skin] .h3:first-of-type{
    margin-top:0;
}
.entry-content div[data-skin] .h3{
    margin:1.5em 0;
    border-bottom:1px solid #aaa;
}
.entry-content div[data-mod] p{
    margin-bottom:.4em;
}
.entry-content div[data-mod] table{
    margin:0 0 1em;
}
.entry-content div[data-mod] td{
    min-width:5em;
}
.entry-content div[data-mod] dl{
    margin:0 0 1em 0;
}
/**
 * リンクの装飾は、例外
 */
.raindrops-tab-page a{
    text-decoration: underline;
    text-decoration-style: wavy blue;
}
.entry-content div[data-mod] a:after{
    content: " \00a0 \1f517 \00a0";
    display:inline-block;
    color:#3498db;
    font-size:1.2em;
    transform: rotate(-45deg);
}
/**
 * Skin
 *　配色とボーダーを指定します。
 */
.entry-content div[data-mod="aside"]{
    font-size:100%;
    border:1px solid #aaa;
    border-top: 3px solid #777;
}
.entry-content div[data-skin]:before{
    background:#777;
    color:#fff;
}
.entry-content div[data-skin="info"]:before {
    background: #56b274;
}
.entry-content div[data-skin="alert"]:before{
    background: #e14d43;
}
.entry-content div[data-skin="notice"]:before{
    background:#a38c08;
}
.entry-content div[data-skin="info"]{
    border-top: 3px solid #56b274;
}
.entry-content div[data-skin="alert"]{
    border-top: 3px solid #e14d43;
}
.entry-content div[data-skin="notice"]{
    border-top: 3px solid #a38c08;
}
.rd-cat-em .rsidebar .post-group-by-category-title a span:before,
.rd-cat-em .lsidebar .post-group-by-category-title a span:before{
    content:'';
   display:none;
}

header h1{
     transform: scale( .9 ,1 );
     display:inline-block;
}

@media screen and (max-width : 640px){
    #Raindrops-for-theme-site .topsidebar ul li ul li a{
        height:auto;
    }
    #doc5.yui-t6 #container > .first > .topsidebar{
        margin:auto;
    }
}
#Raindrops-for-theme-site.home #access{
    
    border-top:3px solid #c0392b;
}
#Raindrops-for-theme-site #access a{
    opacity:1;
    font-weight:700;

}
#Raindrops-for-theme-site #access a:hover{
    background:#eee;
}
#Raindrops-for-theme-site #top #access ul li.current_page_item > a{
    color:#000;
}
footer{
    background:#eee;
    border-top:1px solid #aaa;
}
footer address{
    font-weight:700;
    font-size:108%;
}
@media screen and  ( min-width: 641px) and ( max-width: 900px ) {
    #bd:not(.rd-expand-sidebar-default) #yui-main,
    #bd:not(.rd-expand-sidebar-default) #yui-main .yui-b{
        float:none;
        margin-left:0;
        margin-right:0;
        width:100%;
    }
}