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

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

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

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

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

/************************************
** ここから独自実装
************************************/
/* 固定ページでタイトル非表示 */
.page .entry-title{
  display: none;
}

/* ロゴ */
.logo-image {
  padding: 10px 0px 0px 0px;
}
.site-name-text {
  font-size: 10pt;
}

/* フッター高さ */
.footer-bottom {
	margin-top: 0;
	padding-top:0;
}
/* TOPへ移動のボタン */
.go-to-top-button {
  background-color: #000000;
  color: #ffffff;
}

/* サイドバー */
#slide-in-menu_show_hide,
#menu_show_hide {
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  color: #ff0000;
}

#slide-in-first_gaido,
#first_gaido {
  padding-left: 10px;
}

.second_step {
  padding-top: 10px;
}

#slide-in-step_menu ol,
#step_menu ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding-left: 1.5em;
}

#slide-in-step_menu ol li,
#step_menu ol li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

#slide-in-step_menu ol li:before,
#step_menu ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #0d2da2;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}