@charset "UTF-8";
/*
	Theme Name: Pianeys Piano Life - Child Pianeys Story
	Author: Ken2929
        Template: pianeys_story
*/

@import url('../pianeys_story/style.css');

#header h1{
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
	overflow: hidden;
}

#footer {
        margin: 0 auto;
        width: 1100px;
        clear: both;
        background: #E0FFC1;
        color: black;
}

h2.top{
        margin:15px 0px 15px 0px;
        padding: 0px 20px 5px 20px;
        color: black;
        font-size: 18pt;
        font-weight: bold;
	border-bottom: 3px solid #E0FFC1;
        line-height: 160%;
}

h2.top a{
	color: black;
        border-bottom: none;
}

h2.side{
        margin:10px 0px 0px 0px;
        padding: 0px 20px 5px 20px;
        color: black;
        font-size: 18pt;
        font-weight: bold;
        border-bottom: 3px solid #E0FFC1;
        line-height: 160%;
}


h2.single{
        margin: 15px 0px 15px 0px;
        padding: 0px 20px 5px 20px;
        font-size: 18pt;
        font-weight: bold;
	color: black;
	border-bottom: 3px solid #E0FFC1;
        line-height: 160%;
}

.life_post-text{                                                                                                  
        padding: 0px 20px 5px 20px;
}

.life_post-text p{
        margin:0px 0px 0px 0px;
        padding:0px 0px 15px 0px;
        color: black;
        font-size: 14pt;
        line-height: 200%;
}

.life_post-text img,
.life_post-text .wp-caption{
        display: block;
        margin: 0 auto 15px auto;
}

p.life_post-meta a{
        border-bottom: 1px dotted #000;
}

p.life_post-meta{
        margin-bottom: 10px;
        padding: 0px 20px 5px 20px;
}
        .life_post-meta .post-date,
        .life_post-meta .category{
                padding-right: 1em;
        }
        .comment-num{ white-space: nowrap; }

.life_top{
        font-size: 14pt;
        text-align:right;
        margin-bottom: 20px;
	padding-right: 20px;
}

ul.side{                                                                                                              
        padding: 20px 20px 5px 20px;
        line-height: 200%;
}

ul.side li{
        margin:0px 0px 0px 0px;
        padding:0px 0px 10px 0px;
        color: black;
        font-size: 14pt;
}

#main .post{
	margin-bottom: 30px;
}

.more-link{                                                                                                           
        display: block;
        width: 300px;
        margin: 20px auto 0px;
        padding: 5px;
        text-align: center;
        /*background: -moz-linear-gradient(top, #9acd32, white);
        background: -webkit-gradient(linear, left top, right bottom,from(#9acd32), to(white));
        */
        background: #E0FFC1;
	float: none;
}

a.more-link{
        border: none;
}

.sns_per_post{
	margin: 0;
	padding: 10px 0px 15px 0px;
	line-height: 100%;
}

.side_affi a{
	border-bottom: none;
}

.side_affi img{
	margin: 3px 0px 20px 5px;
}

.icon{
        padding-right: 10px;
}

.icon-left{                                                                                                                                                                  
        margin: 0px 10px 0px 0px;
}

.icon-right{
        margin: 0px 0px 0px 10px;
}

.yoko{                                                                                            
        float:left;
        padding-left: 25px;
}

.yoko-clear{
        clear:both;
}

.top_ads{                                                                                                                 
        margin: 0 auto;
        padding: 15px 0px;
        text-align: center;
}

@media screen and ( max-width:479px ){

#footer {
        max-width: 1100px;
        width: 100%;
        height: auto;
}

#container,
.wrapper {
        margin: 0 auto;
        width: auto;
        max-width: 1100px;
        overflow: hidden;
}

#PianeysLogo{
        float: none;
}

#PianeysLogo img{
        width: 100%;
        height: auto;
}

#TopBanner{
        display: none;
}

#main{
        float: none;
        width: auto;
}

#sidebar{
        float: none;
        width: 100%;
        margin: 0px;
        padding-left: 0px;
        border-left: none;
}

.widget{
        padding-left: 0px;
}

h1 img{
        max-width: 1100px;
        width: 100%;
        height: auto;
}

.pc_only{
        display: none;
}

}