@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.2
*/

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

.blogroll a {
	color: #333;
    text-decoration: none;
    padding: 2px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px; }

.blogroll li a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
	color: #333; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以上*/
@media screen and (min-width: 1023px){
  /*必要ならばここにコードを書く*/
.children .children,
.cat-item-82 ul,
.cat-item-87 ul,
.cat-item-101 ul {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.children .children li,
.cat-item-82 ul li,
.cat-item-87 ul li,
.cat-item-101 ul li {
    width: 40%;
}
.cat-item-100 {
    width: 100%!important;
}

/*768px以上*/
@media screen and (min-width: 768px){
  /*必要ならばここにコードを書く*/
.widget_categories ul li a {padding: 2px 0!important;}
.fz-18px {font-size: 16px;}
.logo-text {padding: 0 0 10px;}
.site-name-text {font-size: 36px;}
.tagline {margin: .6em 1em 0;}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.widget_categories ul li a {padding: 2px 0!important;}
.fz-18px {font-size: 16px;}
.logo-text {padding: 0 0 10px;}
.site-name-text {font-size: 36px;}
.tagline {margin: .6em 1em 0;}
}

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

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