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

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

/* メインメニューのフォント、フォントサイズ*/
#navi .navi-in > .menu-header .item-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
}
#navi .navi-in > .menu-header {
	display: flex;
	margin: auto;
}

/* グローバルメニューの高さ*/
/*https://ikuzoblog.com/cocoon-globalnavigation*/
#navi .navi-in > ul li{
	height: 32px;
	line-height: 32px;
}
#navi .navi-in a:hover{
	color: #000000!important;
	background: #f0f0f0;
	text-decoration:underline;
	text-decoration-color:#000000;
	transition: all 0.0s ease;
}

/* LOGO */
.logo-image {
    padding: 10px 0 0 0;
}
.tagline {
	margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
}

/*表示領域：上端*/
.main {
    padding-top:0px;
}

/* フッター下線 */
.footer-bottom {
    margin-top: 24px;
    padding: 2px;
    position: relative;
    font-size: 14px;
    border-top: 1px solid #ddd;
}

/*文字フォント*/
body{
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
    font-size: 1rem;
}

/* 記事タイトルの文字の大きさ*/
h1.entry-title{
    font-weight: bolder;
    font-size: 24px;
    color: #333;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.2;
}

/*本文の行間*/
.article ul li, .article ol li {
    margin: 0em;
    line-height: 1.6;

}

/* ボタンの色 */
.has-vivid-cyan-blue-border-color {
    border-color: #007bff !important;
}
.has-vivid-cyan-blue-background-color {
    background-color: #007bff !important;
}

/*　コードを等幅フォント　*/
code {
    font-family: "Consolas", "Courier", "CourierNew", monospace;
    font-size: 15px;
}

/*コードの行間*/
.entry-content pre {
	line-height:0;
}

/*コードブロックを横スクロール*/
.wp-block-code code {
  white-space: pre;
}

/*インラインコードは背景グレー*/
code {
  font-size: 100%;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid rgba(0,0,0,.08);
  background-color: rgba(0,0,0,.03);
}
pre > code {
    background-color: transparent;
	border-color: transparent;
}

/*リンクの下線を消す*/
a {
	text-decoration: none;
}


/* https://ponhiro.com/cocoon-mobile-menu-customize/ */
@media screen and (max-width: 480px){
	/* メニュー*/
	#navi .navi-in > .menu-header .item-label {
    	font-size: 14.5px;
	}
	#navi .navi-in > ul > .menu-item-has-children > a::after{
  		display:none;
   	}
	#navi .navi-in > ul li{
		height: 28px;
		line-height: 28px;
	}
	h1.entry-title{
		font-weight: bolder;
		font-size: 18px;
		color: #333;
		font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	}
	.logo-header img{
		width: 200px;
		height: 42px;
		margin: 0 0 2px 0;
	}
	.tagline {
		font-size: 13px;
		margin: 0 0 2px 0;
	}

/*
	#main .main{
		padding: 8px 16px;
	}
*/
}





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

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

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

	/* 記事タイトルの文字の大きさ*/
/*
	h1.entry-title {
    	font-size: 18px;
	}
*/
}