@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*20180124 add*/

/*固定ページにカテゴリ一覧 ================*/

.cate-onecol a {
text-decoration: none;
color: #3E3E3E;
display: block;
}

.cate-onecol a:hover {
color:#CCC;
}

.cate-onecol .page_ac {
border-bottom: 1px solid #CCC;
padding: 20px 10px 20px 0px
}

.cate-onecol .page_ac .page_text{
float: left;
width: 75%;
}
.cate-onecol .page_ac .ecimg{
float: left;
width: 25%;
text-align: left;
}

.cate-onecol .page_ac h1.pageblttl {
font-size: 1.1em;
}

.cate-onecol .page_ac .date {
font-size: 0.8em;
}
.page_ac figure.eyecatch {
position:relative;
left:0px;
top:0px;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
text-align: left !important;
}
.page_ac .cat-name {
top: 0px;
left: 0px;
right:auto;
display:inline-block;
z-index:99;
}
.entry-content a .page_text p, #ranking .page_ac a .page_text p{
font-size: 0.8em !important;
color:#666;
transition: 0.3s ease-in-out;
}
.entry-content a:hover .page_text p, #ranking .page_ac a:hover .page_text p{
opacity: 0.6;
filter: alpha(opacity=60);
}

.eyecatch .cat-name {
background: #264b67;
color: #ffffff;
}

.article h2{
	position: relative;
	font-size: 24px;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 10px;
	background: none;
	border-bottom: 3px solid lightgray;
}
.entry-content h2::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 3px;
    background-color: #C7000B;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}