@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Fondamento&display=swap');

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

/*ヘッダー太字*/
nav#navi, .menu-header .sub-menu{
font-weight: bold;
}
/*ヘッダーメニュー影*/
nav#navi, .menu-header .sub-menu{
font-weight: bold;
}
/*ヘッダーメニュ―下線*/
.menu-header .menu-item:hover{
border-bottom:6px solid #ffffff !important;/*線の太さ色*/
transition: all .8s;/*線が出てくる時間*/
}
.sub-menu .menu-item:hover{
border-bottom:none !important;
}

/*投稿日を消す*/
.date-tags{
display: none;
}

/*メインカラムの背景を透過する*/
#main{
width: 100%;
background-color: rgba(255, 255, 255, .0);
}

/*h1用デザイン
.article h1{
  padding: 0.6em;
  position: relative;
  padding: 0.2em 0.5em;
  background: -webkit-linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  background: linear-gradient(to right, rgb(255, 124, 111), #ffc994);
  color: white;
  font-weight: lighter;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}
*/

/*h2用デザイン*/

.article h2 {
  position: relative;
  padding: 0.35em 0.5em;
  background: #c05802;
  color: #ffffff;
}
.article h2:before {
  content: " ";
  position: absolute;
  top: -16px;
  left: 0;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #7c2700;
}


/*h3用デザイン*/
.article h3{
    border: none;/*線をリセット*/
  position: relative;
  padding: 0.25em 0;
}

.article h3:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}



/*グローバルナビのグラデーション*/
#navi .navi-in > ul { 
   background: linear-gradient(to bottom, #c26d26, #7c2700);
}
/*ヘッダーロゴの位置をぴったりに*/
.logo-image * {
  display: block;
}

.logo-image {
  padding: 0;
}
/*
.content {
	margin-top: 0;
}
*/

.logo-text {
	padding: 20px 0 0;
}

.main {
	padding: 0 29px 20px;
}

/*最初から入っているロゴを消す*/
.logo-header{
	display: none;
} 


/*グローバルメニューの幅を広げる*/ 
#navi .navi-in{
width: 100%; 
}
/*フッターーの幅を広げる*/ 
#footer {
width: 100%; 
}

/*グローバルナビのグラデーション*/
#footer { 
   background: linear-gradient(to bottom, #c26d26, #7c2700);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1241px以上*/
@media screen and (min-width: 1241px){
/*h1デザイン*/
.article h1{
  text-align: center;
  margin: 0.6em;
  /*padding-bottom:0px;*/
  font-size:60px;
  font-family: 'Fondamento',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}

.article h1 {
  color: #DA8E00;
  background: -webkit-linear-gradient(-45deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
}

/*テーブルデザイン*/
.tb5 th{
background-color:#c05802;
text-align:center;
}

.tb5 td{
background-color:#775a52;
}


/*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){
  /*必要ならばここにコードを書く*/
	
/* home以外の背景とヘッダー画像を消すver2 */
.home .header, .page-id-390 .header, .page-id-9 .header, .page-id-12 .header, .page-id-24 .header{
background-image: none;
}

/* 当社のご案内に新たなヘッダーロゴを入れる */
.home .header, .page-id-390 .header, .page-id-9 .header, .page-id-12 .header, .page-id-24 .header{
background-image: url('https://oonokeiko.com/wp-content/uploads/2020/10/TOP画像大野さん08071-1024x293-1.jpg');
height: 100px;
}

}

/*ここまで*/