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

/************************************
** 子テーマ用のスタイルを書く
************************************/
h3{
background:transparent;
border:none;
font-weight:bold;
font-size:3em;
}
/* main背景 */
.home .main,
.archive .main {
	background: #eae9e2;
}
/* サイド背景 */
.home .sidebar,
.archive .sidebar {
	background: #eae9e2;
}
.header-container, 
.main, 
.sidebar, 
.footer {
  background-color:  #eae9e2;
}

body{
text-align:center;color:#333;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
word-wrap:break-word;
position:relative;
}

h1{
font-size:2em;
}
/* 見出しグラデ */

.color1{ color: #7a593c;}
.color2{ color: #f1867b;}
.color3{ color: #90b924;}
.color4{ color: #f0b002;}
.color5{ color: #ee8334;}
.color6{ color: #62c1c2;}

/* Homeメニューボタン */
img.header-site-logo-image, .site-name-text a{
	margin:0.3em 0 0 0px;
	height:55px;
}

/* メインメニューとフッタメニュー */
#header-in {
	margin:0 0 0 7em;
}

#menu-main-menu li img,#menu-main-menu-2 li img{
	height:55px;
	//background-color:pink;
}
#navi{
//border:1px solid pink;
width:100%;
}

#navi #menu-main-menu li a:hover,#menu-main-menu-2 li a:hover,img.header-site-logo-image:hover,.footer-bottom-logo:hover, .book-img a:hover{
	opacity:0.4;
	transform: scale(1.1);
}
#menu-main-menu {
	margin:0.2em 0 0 -60px;
	padding:0;
	width:auto;
}

#header-container-in{
	margin:0 auto 0 auto;
	width:１００%;
	//border:1px solid blue;
}

#navi{
	//border:1px solid blue;
	width:auto;
	margin:0 auto;
	
}

.footer-bottom-logo{
	position:relative;
	width:180px;
	height:55px;
	margin-top:0;

}

#menu-main-menu-2 {
	margin: 1em 1em 1em 1em;
	//border:1px solid red;
}

	
.footer-bottom{
	float:left;
	width:auto;
	padding:0;
	margin:0 5% ;
}
#footer-in{
	//border:1px solid blue;
}
/* 日付を非表示するページ */
body.page-id-2 div.date-tags, body.categoryid-4 div.date-tags, body.page-id-375 div.date-tags, body.page-id-618 div.date-tags, body.page-id-636 div.date-tags  {
	display:none;
}

/* 記事デザイン */
#main,#sidebar{
	//border:1px solid green;
	background-color:#eae9e2;
}
/* 更新の日時消す */
.post-284 .date-tags {
display: none;
}
/* 下のパンくず”ホーム”消す */
body.page-id-2 #breadcrumb, body.page-id-284 #breadcrumb, body.page-id-375 #breadcrumb, body.page-id-618 #breadcrumb, body.page-id-636 #breadcrumb{
display:none;
}

/* トップページ */
body.home #main{
	background-color:#dfddd1;
}

#top-img{
margin: -50px auto 0 auto;
}

body.home  div.date-tags{
	display:none;
}

body.home  div#home-midashi h2{
width:25%;
margin-left:5%;
padding-right:2%;
padding-left:4%;
float:left;
//border:1px solid green;
}

body.home  div#home-midashi h2 a:hover img{
	opacity:0.4;
	transform: scale(1.1);
}

body.page-id-8 #top-news,body.page-id-8 #top-profile{
	background-color:#eae9e2;
	padding:2em ;
	border-radius: 30px;
	position:relative;
	text-align:left;
}

#title-news,#title-profile{
background:transparent;
position:absolute;
top:-2em;
left:-1em;
}
#title-news img,#title-profile img{
height:35px;
}
#title-profile{
left:0;
}
/* 更新履歴 */
div.home-update figure,span.new-entry-card-update-date,div.home-update span.fa,.fa-clock-o{
display:none;
}

 span.new-entry-card-post-date,.widget-entry-card-post-date, .post-date{
background: no-repeat url("http://stardust.chips.jp/wordpress/wp-content/uploads/2026/01/ico_up.gif") left; 
padding-left:1.5em;
font-size:0.9em;
//background-color:pink;
}
div.home-update span.new-entry-card-post-date,div.home-update .widget-entry-card-post-date,div.home-update .post-date{
float:left;
width:100%;
	//border:1px solid red;
}

div.home-update div.new-entry-card-title,div.home-update .widget-entry-card-title,div.home-update .card-title{
width:68%;
float:right;
text-align:left;
//background-color:pink;
}
div.home-update .new-entry-card-link,div.home-update .widget-entry-card-link,div.home-update .a-wrap{
width:80%;
margin:-2em auto 0 12%;
	//border:1px solid blue;
}


div.update .new-entry-card{
width:70%;
margin:0 auto;
//background-color:pink;
}

div.update div.card-content{
text-align:left;
padding-top:1em;
//background-color:blue;
}

div.update a:hover{
border:2px dashed pink;
}


.book-img{
float:left;
width:150px;
height:auto;
margin-right:1em;
}


/* Note */

#sidebar aside#block-6 ul li.cat-item-5,
#sidebar aside#block-6 ul li.cat-item-6,
#sidebar aside#block-6 ul li.cat-item-8,
#sidebar aside#block-6 ul li.cat-item-4{
	display:none;
}


body.page-id-618 a.new-entry-card-link{
	//border:1px solid red;
	display: block;
	width:178%;	
	}
body.page-id-618 a.new-entry-card-link:hover div.new-entry-card {
	border:3px dotted pink;
	}
body.page-id-618 div.new-entry-card,body.page-id-618 div.widget-entry-card {
	//border:1px solid blue;
	display: block;
	width:178%;
	height:auto;
	position:relative;
	margin-bottom:1em;
}
body.page-id-618 div.new-entry-card figure.new-entry-card-thumb,body.page-id-618 div.new-entry-card div.new-entry-card img {
	//border:1px solid yellowgreen;
	display:block;
	width:320px;
	height:180px; 
}

body.page-id-618 div.new-entry-card-content{
	//border:1px solid pink;
	width:350px;
	height:auto;
	position:absolute;
	top:0;
	left:335px;
	text-align:left;
	
}
body.page-id-618 div.new-entry-card-title{
	//border:1px solid skyblue;
	width:100%;

}
body.page-id-618 div.new-entry-card-meta{
	//border:1px solid orange;
	width:100%;

}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#header-in{margin:0 ;}
	#navi li a{
	width:100%;
	height:65px;
	margin: 0 1em 1em 1em ;
		//border:1px solid red;
	}
	#navi li{
	width:auto;
	height:100%;
	margin:2em 0 2em 0;
		//background-color:pink;
	}
	.footer-bottom-logo{
	width:100%;
	height:100%;
	margin: 0 0 1em 0;
	}
	#menu-main-menu-2 {
	//border:1px solid red;
		margin-bottom:  5em;
	}
	#menu-main-menu-2 li {
	//border:1px solid red;
	width:45%;
	height:65px;
	margin: 0 1em 1em 1em ;
	}
/*1023px以下 トップページの更新日時*/	
	div.home-update span.new-entry-card-post-date,div.home-update .widget-entry-card-post-date,div.home-update .post-date{
float:left;
width:100%;
	margin-left:-100%;
	//border:1px solid red;
}

div.home-update div.new-entry-card-title,div.home-update .widget-entry-card-title,div.home-update .card-title{
width:97%;
float:right;
text-align:left;
//background-color:pink;
}
div.home-update .new-entry-card-link,div.home-update .widget-entry-card-link,div.home-update .a-wrap{
width:80%;
margin:-3em auto 0 auto;
	//border:1px solid blue;
}
/*1023px以下 Note*/
body.page-id-618 a.new-entry-card-link{
	//border:1px solid red;
	display: block;
	width:100%;	
	}

body.page-id-618 div.new-entry-card,body.page-id-618 div.widget-entry-card {
	//border:1px solid blue;
	display: block;
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:1em;
}
body.page-id-618 div.new-entry-card figure.new-entry-card-thumb,body.page-id-618 div.new-entry-card div.new-entry-card img {
	//border:1px solid yellowgreen;
	display:block;
	width:100%;
	height:auto; 
}

body.page-id-618 div.new-entry-card-content{
	//border:1px solid pink;
	width:100%;
	height:auto;
	position: static;
	text-align:left;
	
}
body.page-id-618 div.new-entry-card-title{
	//border:1px solid skyblue;
	width:100%;

}
body.page-id-618 div.new-entry-card-meta{
	//border:1px solid orange;
	width:100%;

}

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

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