/*
Theme Name: stinger7child
Template: stinger7
*/
@import url('../stinger7/style.css');








/*--------------------------------
各フォント設定
---------------------------------*/
/* 基本の文字 */
p {
	font-size: 15px;
	line-height: 29px;
	margin-bottom: 35px;
}






#side aside h4.menu_underh2 {
    border-bottom: 1px solid #3498db;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    position:relative;
    padding-left:30px;
}
#side aside h4.menu_underh2:before {
    content:''; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height:12px; 
    width:12px; 
    display:block; 
    position:absolute; 
    top:14px; 
    left:7px; 
    background: #3498db;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity:0.50;
    z-index: 1;
}
#side aside h4.menu_underh2:after {
    content:''; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height:15px; 
    width:15px; 
    display:block; 
    position:absolute; 
    top:7px; 
    left:2px; 
    background-color:#00A8FF;
}



























h2{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 2.5em;
    border-bottom: 3px solid #3498db;
    background: #fff;
}
 
h2:before{
    content: "□";
    font-size: 120%;
    position: absolute;
    color: #3498db;
    top: -0.5em;
    left: 0.2em;
    height: 12px;
    width: 12px;
    border-top: 10px solid #fff;
}
 
h2:after{
    content: "□";
    font-size: 120%;
    position: absolute;
    color: #3498db;
    top: -0.2em;
    left: -0.3em;
    height: 12px;
    width: 12px;
    border-top: 10px solid #fff;
}


.kizi h3 {
    color: #333;
    border-left: 3px solid #3498db;
    border-bottom: none;
    padding: 0.2em 0.2em 0.2em 0.6em;
    font-size: 19px;
margin-bottom: 30px;
	margin-top: 30px;
    
}


.kizi h4 {
    background: #fff;
    border-bottom: 1px solid #3498db;
    color: #333;
    font-size: 16px;
}



@media only screen and (min-width: 781px) {
main {
    outline: 2px solid #f3f3f3;
}
}


div#breadcrumb a {
     background: #f3f3f3;
     color: #333;
     padding: 2px 4px 1px 7px;
     border-radius: 2px;
     margin-right: 5px;
}
div#breadcrumb a:hover { 
    background: #f4f4f4;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}





#page-top {
    bottom: 20px;
    right: 20px;
}
#page-top a {
    border-radius: 50%;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    width: 32px;
}
#page-top a:hover {
    background: #3498db;
}
.fa-angle-up:before {
    content: "\f102";
}








.tagcloud a {
    font-size: 11px!important;
    background: #3498db;
    border-radius: 3px;
    color: #fff;
    display: inline-table;
    padding: 3px 4px;
    margin-top: 3px;
    text-decoration: none;
}
.tagcloud a:before {
    font-family: "FontAwesome";
    content: "\f02b";
    padding-right: 3px;
    padding-left: 3px;
}







/* 新しい記事（NEW POST）の文字の大きさ */
#side h5 {
    font-size: 16px;
}
/* 新しい記事（NEW POST）と関連記事の画像の外枠を少し丸くする */
.kanren dt img {
    border-radius: 10px;    /* CSS3 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
/* 新しい記事（NEW POST）と関連記事の文字と文字の幅を調整する */
.kanren .clearfix dd h5 a {
    line-height: 28px;
}



/* 関連記事下の細い線 */
.post h4.point {
    border-bottom: 1px solid #3498db;
}
/* 関連記事左のアイコン */
.fa-th-list:before {
    content: "\f103";
    font-weight: bold;
}




/* フッター固定ページ */
.footermenust {
    display: none;
}
/* powerd by STINGERの文字 */
#footer .copy a, #footer .rcopy a {
    display: none;
}




.kanren dt img {
    border-radius: 10px;
}
@media only screen and (min-width: 781px) {
dd h3 a {
    font-size: 22px;
    line-height: 28px;
}
}