@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page .entry-title {
display: none;
}
.site-name-text-link {
	font-size: 40px;
}
.post .entry-title {
    display: none;
}
/*480px以下*/
@media screen and (max-width: 480px){
 .site-name-text-link {
	font-size: 20px;
}
}
/*---------------------------------------
 * ヘッダーサイト名・descriptionの位置変更
 * ヘッダーの高さ指定
 *---------------------------------------*/

/* スマホビュー */

/* スマホのヘッダー高さ */
.header div.header-in {
	min-height: 200px; /* 変更時：以下ほとんど微調整として変更しなきゃダメ */
}
/* サイト名・サイト説明 */
.logo-text,
.tagline {
	padding: 0;
	text-align: left; /* 文字左寄せ */
	position:absolute; /* 位置を強引に決める */
	left: 10px; /* 左から40pxの位置に */
	text-shadow: 1px 1px 0 #5f5e5e; /* 背景が白だからテキストに影を */
}
/* サイト名の位置 */
#header-in {
	position: relative; /* サイト名・descriptionはメイン領域に合わた位置 */
}
.logo-text {
	bottom: 80px; /* ヘッダーの下から40px */
}
/* サイト説明の位置；微調整必要 */
.tagline {
	bottom: 20px; /* 下から20px */
	padding-right: 1em; /* 右内側余白1文字分 */
}


/* PC閲覧時：タブレットサイズで上書きされるstyle */

@media screen and (min-width: 769px) {
	.header div.header-in {
		min-height: 300px; /* ヘッダーの高さ */
	}
	.logo-text,
	.tagline {
		left: 80px; /* タブレットサイズ左からの位置を決める */
	}
	.logo-text {
		bottom: 80px; /* ヘッダー下から80px */
	}
	.tagline {
		bottom: 65px; /* 下から65px */
	}
}
/* PC大画面領域だけで上書きされるstyle */
@media screen and (min-width: 1024px) {
	.header div.header-in {
		min-height: 300px; /* ヘッダーの高さ */
	}
	/* メイン領域の位置より */
	.logo-text,
	.tagline {
		left: 120px; /* 左から */
	}
	.logo-text {
		top: 80px; /* サイト名下から */
	}
	.tagline {
		top: 200px; /* description：下から */
	}
}
/*見出し編集*/

/***** 行間・段間設定 *****/
.entry-content p { 
	line-height: 1.5;  /* 行間設定　1.8を好きな数値に変更してください*/
	margin: 1.0em 0; /* 段間設定　1.2emを好きな数値に変更してください*/
}












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

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

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

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