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

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

/* ヘッダー下の余白 */

/* ヘッダーロゴ画像とグローバルメニューの間に空白 */
.logo-image * {
	  display: block;
}

.logo-image {
	padding: 0;
	margin-bottom: 0;
}



/* 記事上の余白 */
.content { 
margin-top: 0;
}

/* 記事の枠線 */
#main{
    border: 2px solid #ddd;
    border-radius: 10px;
}

/* サイドバーの枠線 */
#sidebar {
    border:2px solid #ddd;
    border-radius: 10px;
}

/* h1 デザイン */

h1 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #000000;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #F2F2F2;/*背景色*/
}

h1:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #000000; /*アイコン色*/
}

/* h2デザイン */
.article h2 {
  padding: .5em .75em;
/*  background-color: #f6f6f6; */
/*  font-size: 0.7em; */
	line-height: 1.0;/*行高*/
  border-left: 6px solid #ccc;
	margin-top: 30px;
	margin-bottom: 10px;
}

/* リンクの下線を消す */
a {
	text-decoration:none;
}
/* マウスオーバー時に下線表示 */
a:hover{
	text-decoration:underline;
}

/* フッター設定 */
.footer.footer-container.nwa,
.footer-in.wrap.cf,
.footer-bottom.fdt-up-and-down.fnm-text-width.cf
{
  height: 75px!important; /*メニュー縦幅設定*/
  display: flex; /*並列スタイル指定*/
  align-items: flex-end; /*縦中央寄せ*/
  justify-content: center; /*横中央寄せ*/
}

/* 楽天ウィジェット センタリング設定 */
.rakutenmw{
width:200px;
margin-left:auto;
margin-right:auto;
}

/* HCB 余白設定 */
/* .hcb_wrap { margin-top: 0px; margin-bottom: 0px; } */
/* div pre { margin-top : 0px; margin-bottom: 0px;} */
/* pre {margin:0;} */

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

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

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