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

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

/*リストのツリー化*/
.tree {
list-style-type: none;
}
.tree ul {
list-style-type: none;
position: relative;
padding: 0;
margin: 0 0 0 10px;
}
.tree ul li {
position: relative;
margin-left: 20px;
padding: 7px 20px;
}
.tree ul li:before {
content: "";
position: absolute;
top: 18px;
left: 0;
width: 18px;
height: 0;
border-top: 1px solid grey;
}
.tree ul li:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
height: 110%;
border-left: 1px solid grey;
}
.tree ul li:last-child:after {
height: 18px;
}
.tree > ul > li:before,
.tree > ul > li:after{
border: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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