@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
    background: #fff;	
}
body.home .article h1 {display:none;}
.date-tags {display:none;}

.article h1.entry-title, .article h2 {
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 1.8rem;
    text-align: center;
    color: #99cc01;
    background: none;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
	align-items: center;
    padding: 30px 0px 30px 0;
    color: #121212;
    border-bottom: 1px solid #d1cfcf;
    text-decoration: none;
    position: relative;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a {
	color: #121212;
	text-decoration: none;
    display: block;
    z-index: 9999;
}
.wp-block-latest-posts.wp-block-latest-posts__list li a:hover {
	margin-left:20px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:before {
	position: absolute;
    content: "";
    background: url(http://oono-portfolio.cocotte.jp/wordpress/wp-content/uploads/2026/07/arrow01.png) no-repeat center center;
    width: 40px;
    height: 40px;
    right: 10px;
    border: 1px solid #d1cfcf;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    z-index: -1;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:hover:before {
    right: -10px;
}
.footer {
    background: #74b21b;
    border-radius: 0 50px 0 0;
    color: #fff;
}
.navi-in > ul li:last-child {
    background: #99cc01;
}
.navi-in > ul li:last-child a {
    color: #fff;
}
.navi-in > ul .caption-wrap:hover {
    background: #e5ff99;
}
.navi-in > ul li:last-child a:hover {
    color: #74b21b;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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