@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */




.codoc-like-wrap{
	display: none !important;
}

.codoc-bottom{
	display: none !important;
}


/*----------人気記事一覧（このカテゴリ）START------------*/
.wpp-list li {
    float: none;
    clear: left;
}
.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 10px 0 0;　　   /*20pxを0pxに変更。幅を無しに。*/
    border: none;
}
#popular-post a {
    font-size: 14px;
    text-decoration : none;
}
#popular-post li {
    padding : 0px 5px;
    border-bottom: #d2d7e6 1px solid;
    line-height: 1.5;
    overflow: hidden;
    text-align: left;
}
#popular-post li:hover { background-color: rgba(238,238,238,0.3) }
#popular-post ul li { position : relative }
#popular-post li:last-child { border-bottom: none }
#popular-post { counter-reset : wpp-ranking }
#popular-post ul li::before {
    position : absolute;
    top : 0px;       /*15pxを0pxに変更。幅を無しに。*/
    left : 5px;
    color : #ffffff;
    counter-increment : wpp-ranking;
    text-align : center;
    z-index : 9999;
    float : left;
    line-height : 25px;
    width : 25px;
    height : 25px;
    border-radius : 2px;
}
#popular-post ul li.number1::before,
#popular-post ul li.number2::before,
#popular-post ul li.number3::before,
#popular-post ul li.number4::before,
#popular-post ul li.number5::before,
#popular-post ul li.number6::before,
#popular-post ul li.number7::before, 
#popular-post ul li.number8::before, 
#popular-post ul li.number9::before, 
#popular-post ul li.number10::before 
{
    content : counter(wpp-ranking, decimal);
    background-color : #f09696;
}
/*----------人気記事一覧（このカテゴリ）END------------*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/*----------カテゴリをアイコン化------------*/
.widget_btn{
margin:-10px;
background:#eee;
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.widget_btn a{
text-align:center;
width:50%;
padding:8px 0 12px;
background:#fff;
border:1px solid #eee;
font-weight:bold;
}

.widget_btn a i {
display:block;
font-size:24px;
padding:10px 0 6px;
}

.widget_btn a span {
font-size:12px;
}

/** アイコンの色 **/
.widget_btn a:nth-child(1) i {
color:#000;
}
.widget_btn a:nth-child(2) i {
color:#000;
}
.widget_btn a:nth-child(3) i {
color:#000;
}
.widget_btn a:nth-child(4) i {
color:#000;
}
/*----------カテゴリをアイコン化------------*/