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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.header-container{
background-image: linear-gradient(#ffffff 0%, #f5f5f5 40%, #dcdcdc 95%,#dcdcdc 100%);
}


/*トップメニューの画像サイズ*/
.header-container-in.hlt-top-menu .logo-header img {
height: auto;
max-height: none;
width: 223px;
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-top: 0;
}
/*ヘッダーとコンテンツ間の縦幅*/
.content {
  margin-top:0px;
 padding-top:0px;
}
.main {
	  margin-top:0px;
    padding: 0px 29px;
}

/*グローバルメニューのグラデーション*/
.navi.cf{
background-image: linear-gradient(#ffffff 0%, #f5f5f5 40%, #dcdcdc 95%,#1e90ff 100%);
	margin-bottom:0px;
}
#header-container #navi a{
   color:#000; /* 文字色 */
	font-weight: bold;
	font-size: 14px;
}
/*グローバルメニューの縦線*/
#navi .navi-in > ul > li{
border-left: 1px solid #a9a9a9;
}

#navi .navi-in > ul > li:last-child{
border-right: 1px solid #a9a9a9;
}

.navi-in > ul > .menu-item-has-children > a::after{
right: 10px;
}





/*ウィジェット
.sidebar .widget h3 {
	margin: 0px 0px;
}
の行間*/

/*<div class="nolink">---</div>でリンクのアンダーラインを消して黒文字にする*/
.nolink a {
    text-decoration: none;
	color: #000;
}


/*本文中見出し-青ライン */
.article h2{
font-size: 14px;	
width:100%;
padding: 8px;
margin: 0px 0px 12px 0px;
color: #000;
background: #ebebeb;
border-left: solid 10px #1e90ff;
}

/*本文中見出し-群青ライン */
.article h5{
font-size: 14px;	
width:100%;
padding: 8px;
margin: 0px 0px 12px 0px;
color: #000;
background: #ebebeb;
border-left: solid 10px #163fd7;
}

/*本文中見出し-グレーライン */
.article h3{
font-size: 16px;	
width:100%;
padding: 8px;
margin: 0px 0px 12px 0px;
}
/*固定ページの日付を非表示 */
.page .date-tags {
display: none;
}

/*枠氷市場 インライン画像 */
img.wp-image-intexts {
vertical-align: middle;
}






/**********************************************************************************************
** レスポンシブデザイン用のメディアクエリ
**********************************************************************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
/*まずはもともとのロゴを消す*/
 img.site-logo-image{
   visibility: hidden;
}
/*モバイル用のロゴ表示*/	
	.logo-menu-button.menu-button{
		background-image: url(http://kashiwaseihyo.com/wp-content/uploads/2024/03/モバイル仮3.png);
		background-size: auto 35px;
		background-position: left;
		background-repeat: no-repeat;
		margin-bottom: 0;
}

/*これも書かないと上下に余白ができる*/
.mobile-menu-buttons {
background: #1e90ff;
color: #fff;
margin-bottom: 0;
}
	
/*ヘッダーのキャチフレーズを消す*/
.tagline {
    display: none;
	margin: 0;
	padding: 0;
  }	
	
/*モバイルヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
              background-color: #1e90ff;
              color: #fff;
}
.mobile-menu-buttons .menu-button > a {
  margin-top: 2px;
	color: #fff;
}
.logo-menu-button.menu-button{
              background-color: #1e90ff;
	color: #fff;
}
	
/*ヘッダーとコンテンツ間の縦幅*/
	
#container {
    padding-top: 0px;  ←ここをお好きな数字に変更または、不要であれば削除
	 margin-top: 0px;
}
#header {
	margin: 0;
	padding: 0;
}
#navi {
    margin: 0 auto;
}	
	
#wrap {
	margin: 0;
	padding-top: 0px;
}	
.main {
	margin-top:0em;
    padding: 0px;
}
.entry-title{	
   margin: 0;
   margin-bottom: 10px;
	padding: 0px;	
}		
.entry-content {
  margin-top: 0;
	padding: 0;
}	
.content {
  margin-top: 0;
 padding-top: 0;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-top: 0;
}	
.article h1 {
  margin-top: 0;
  padding-top: 0;
}	
}



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


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