/*
Theme Name:MONAD child
Theme URI:https://tcd-theme.com/tcd110
Description:WordPressテーマ「MONAD」の子テーマ
Template:monad_tcd110
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/



/* PCヘッダーの背景色・文字色 */
#header {
color: #0096d6; }
/* スマホヘッダーの背景色・文字色 */
@media (max-width: 767px) {
#header {
background-color: #0096d6;
color: #0096d6; }
}

/* PCフッターの背景色・文字色 */
#footer {
background-color: #0096d6;
color: #FFFFFF;}
/* スマホフッターの背景色・文字色 */
@media (max-width: 767px) {
.sp #footer {
background-color: #0096d6;
color: #FFFFFF;}
}

#post_content {
background-color: #0096d6;
color: #FFFFFF;
}

#cb_content_2 {
color: #08161c;
background-size: cover;
}
#cb_content_2 h2 {
  position: relative;
  padding: 0.6em;
  background: #009fb7;
border-radius: 25px;/*角を丸く*/}

#cb_content_2 h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #009fb7;
  width: 0;
  height: 0;
}

#cb_content_2 p{
	color: ##08171d;
}

#cb_content_2 h2{
	color: #ffffff;
}
#cb_content_2 h3{
	color: #ffffff;
}

#cb_content_3 h2 {
  position: relative;
  padding: 0.6em;
  background: #009fb7;
border-radius: 25px;/*角を丸く*/}

#cb_content_3 h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #009fb7;
  width: 0;
  height: 0;
}

#cb_content_3 h2{
	color: #ffffff;
}

@media (max-width: 767px) {

  /* サブメニューに擬似アイコン */
  #drawer_menu .sub-menu li > a::before {
    content: "└";
    margin-right: 8px;
    color: rgba(255,255,255,0.5);
  }

}

@media (max-width: 767px) {

  /* 3階層目だけ右にずらす */
  #drawer_menu .sub-menu .sub-menu li > a {
    padding-left: 50px !important;
  }

}