/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link https://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: https://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: https://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20170922
 *   Version: 2.00
 *   Template Version: 2
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
*/
/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
*/
ul#popular-posts.wpp-list {
	counter-reset: pupular-ranking;
}
 
ul#popular-posts.wpp-list li {
	position: relative;
}
 
ul#popular-posts.wpp-list li:before {
background: none repeat scroll 0 0 #0000FF;
color: #fff;
content: counter(pupular-ranking, decimal);
counter-increment: pupular-ranking;
font-size: 100%;
left: 0;
top: 0;
line-height: 1;
padding: 4px 7px;
position: absolute;
z-index: 1;
opacity: .9;
border-radius: 0;
font-family: Arial;
}

.post h3{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 2.0em;
    border-bottom: 2px solid #0000FF;
    border-left: none
}
 
.post h3:before{
    content: "□";
    font-size: 100%;
    position: absolute;
    color: #0000FF;
    top: -0.1em;
    left: 0.4em;
    height: 15px;
    width: 15px;
}
 
.post h3:after{
    content: "□";
    font-size: 100%;
    position: absolute;
    color: #ff667c;
    top: 0.3em;
    left: 0;
    height: 15px;
    width: 15px;
}


.post h4 {
    font-size: 140%;
    position: relative;
    padding: 10px;
    font-weight: 800;
    -webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #bbd1ff 0%);
    background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5em, #bbd1ff 0%);
}

.post h2{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 2.0em;
    border-bottom: 2px solid #0000FF;
    border-left: none
}
 
.post h2:before{
    content: "□";
    font-size: 100%;
    position: absolute;
    color: #0000FF;
    top: -0.1em;
    left: 0.4em;
    height: 15px;
    width: 15px;
}
 
.post h2:after{
    content: "□";
    font-size: 100%;
    position: absolute;
    color: #ff667c;
    top: 0.3em;
    left: 0;
    height: 15px;
    width: 15px;
}



.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

/*--------------------------------------
 　文字装飾
--------------------------------------*/  
.marker_yellow_futo {
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker_yellow_hoso {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
span.red{
	color:#ff0000;
}