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

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


/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
padding: 0;
}
 
/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
 
/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
 
/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}
 
/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}


/* H3見出し装飾 */
.article h3 {
	font-size:28px;
	letter-spacing: 0.2em;
    height: 110px;	
    color: #333;
    text-align:center;
    background-image:url(http://www.nukumorimeito.com/wp-content/uploads/2025/01/h2_image.png);
    background-repeat: no-repeat;
    background-size: 120px auto;
    background-position:center top 10px;
    line-height:100px;
	margin-bottom:100px;
	margin-top:50px;
}

/* H4見出し装飾 */
.article h4{
	color:#73b144;
}

/*トップロゴグリッドエリアの作成*/
.grid-container{display: grid; /*グリッド*/
	grid-template-columns: 40% 60% /*カラム3列*/
	grid-gap: 10px; /*グリッドの隙間幅*/
}
.grid-container div:nth-child(1) {grid-row: 1/2; grid-column: 1/2;} 
.grid-container div:nth-child(2) {grid-row: 1/2; grid-column: 2/3;} /*2番目div要素を縦1～2,横2～3で作成*/

/*トップロゴ左に*/
.logo{
	text-align:left; !important;
}

#navi .navi-in>ul>li>a {
    padding: 0 1em;
}

/*ショッピング、インスタロゴ右に*/
.nu01{
	text-align:right;
	margin-right:20px;
	margin-top:3px;
}

/*マウスオーバー時にリンクを半透明に光らせる*/
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}

/* グロナビ右寄せ */
.navi-in>ul
{justify-content:right; !important;
}

/* アピールエリア */
@media screen and (max-width: 769px) {
.appeal {
background-image: url("https://www.nukumorimeito.com/wp-content/uploads/2025/01/top_img_sp.jpg");
height: 535px;
}
}
/*アピールエリア下記事一覧非表示*/
#carousel-in{
  display: none;
}

/*ウィジェット記事の投稿日、更新日を表示させる*/
.widget-entry-card-date {
	display:block;
}

/*更新日を非表示にする*/
.post-update{
	display: none;
}

.new-entry-card-title{
  font-size: 16px;
  font-weight: normal;
  font-family: 'Baloo Thambi 2', noto sans jp;
	background-color:#ffffff;
}

.new-entry-card-link{
	padding:20px;
	width:30% !important;
	border: 2px solid #F9F7D4;
	border-radius: 5px;
}
.new-entry-cards{
	background-color:#ffffff;
	padding:20px;
	border-color:#000000;


}


/************************************************
 トップへ戻るボタン
*************************************************/

.go-to-top {
  right: 20px; /*右から18px*/
  bottom: 55px; /*下から45px*/
}

.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 55px; /*横幅*/
  height: 55px; /*高さ*/
  font-size: 30px; /*アイコンフォントのサイズ*/
  opacity:0.8; /*透明度*/
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
  background-color:#73b144; /*背景色*/
  color: #ffffff; /*アイコンフォントの色*/
}

/*ホバー時*/
.go-to-top-button:hover {
  color: #ffffff; /*アイコンフォントの色*/
  background-color:#73b144; /*背景色*/
  opacity:0.5; /*透明度*/
}


/*全てのページにあるリンクのアンダーラインを消す*/
a {
text-decoration: none;
}


/************************************
** 上記まで独自css
************************************/

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

 
/* 投稿情報の個別非表示 開始 */
.date-tags
, .author-info
, .eye-catch {
  display: none;
}
/* 投稿情報の個別非表示 終了 */


/*768px以下でロゴの大きさを変更*/
@media screen and (max-width: 768px){
img.site-logo-image{
	width: 100px;
}
}
/*1023px以下でロゴの位置を変更*/
@media screen and (max-width: 1023px){
img.site-logo-image{
	margin: 7px 0px;
}
}

/* 新着記事のNEW!（背景色付き） */
.new-txt {
    background-color: #ff0000; /* 背景色：赤 */
    color: #fff; /* 文字色：白 */
    font-size: .8em;
    padding: .1em .5em; /* 内側余白 */
    border-radius: 1px; /* 角の丸み */
    margin-right: 5px; /* 右側の余白 */
}


/************************************
** ■カテゴリー/アーカイブページで特定ウィジェット テキストを非表示にする
************************************/
#block-5.widget.widget-sidebar.widget-sidebar-scroll.widget_block{
  display: none!important;
}

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

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

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

/* モーダルの中バツぼたん上下スペース */
	.menu-close-button{padding:20px 0;
	}

/* モーダルの中に画像リンク */
.menu-item-267{
 background-image: url("http://www.nukumorimeito.com/wp-content/uploads/2025/01/shop_50.jpg");
	background-repeat: no-repeat;
	height: 100px;
	line-height:60px;
	background-size: 240px 70px;
	margin-top:30px;
	text-indent:150%;
	white-space:nowrap;
	overflow:hidden;
	margin-left:10px;
	
}
.menu-item-268{
    background-image: url("http://www.nukumorimeito.com/wp-content/uploads/2025/01/icons50.png");
	background-repeat: no-repeat;
	height: 100px;
	line-height:60px;
	margin-top:10px;
	text-indent:150%;
	white-space:nowrap;
	overflow:hidden;
	background-size: 70px 70px;

	margin-left:10px;
}

/* H3見出し装飾 */
.article h3 {
 font-size:19px;
 color: #333;
 text-align:center;
 background-image:url("http://www.nukumorimeito.com/wp-content/uploads/2025/01/h2_image.png");
 background-repeat: no-repeat;
 background-size: 120px auto;
 background-position:center top 10px;
 line-height:100px;
 font-weight: bold;
 letter-spacing: 0;
 margin-bottom:90px;
}

/*スライドインメニューを右から出す*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: rgba(204,204,51,0.9);
	transform: translateX(101%);
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	/*height: 3em;行の高さ*/
	margin-bottom:10px;
}
	
}