@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');

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

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

.page-id-145 h1{
	display:none;
}

/*ヘッダー詰める
.entry-title,*/
.content {
padding-top: 0;
margin-top: 0;
}

#main{
Padding-top: 0;
margin-top: 0;
}

/*hタグリセット*/

.entry-title{
	margin:0.5em 0em;
	padding:0.5em 0.5em;
}


.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}


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


/*ヘッダーのモーション*/
/*ヘッダー太字*/
nav#navi, .menu-header .sub-menu{
font-weight: bold;
}

/*ヘッダーメニュ―下線*/
.menu-header .menu-item:hover{
border-bottom:6px solid  #FF77FF  !important;/*線の太さ色*/
transition: all .8s;/*線が出てくる時間*/
}

.sub-menu .menu-item:hover{
border-bottom:none !important;
}

/*ふわっとフェードインするアニメーション*/
#main{
    animation: fadeIn 1s ease-out 0s 1 normal;
}
#sidebar {
    animation: fadeIn 1s ease-out 0s 1 normal;
}

@keyframes fadeIn {
    from {transform: translateY(10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}
#header-container {
    animation: Down 1s ease-out 0s 1 normal;
}

@keyframes Down {
    from {transform: translateY(-10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}

#breadcrumb {
    animation: Right 1s ease-out 0s 1 normal;
}

@keyframes Right {
    from {transform: translateX(10%); opacity: 0;}
    100% {transform: translateX(0%); opacity: 1;}
}


/*テーブルthスタイル*/
.tb5 th{
background-color:#ffffcc;
text-align:center;
width:30%;
}

.tb5 td{
background-color:#ffffff;
}


/*h2タイトルスタイル*/
.article h2 {
  background: #f9b8c7;/*背景色*/
  padding: 0.7em;/*文字まわり（上下左右）の余白*/
  margin:0.3em 0em;
  font-family: 'Kosugi Maru',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}


/*h3イトルスタイル*/
.article h3 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
  font-family: 'Kosugi Maru',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}
.article h3:before {
  font-family: "FontAwesome";
  content: "\f00c";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #f9b8c7; /*アイコン色*/
}

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

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

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


/*コンタクトフォーム7アドレス確認覧*/
.con7 {
 width:100%;
 padding:0.6em;
 font-size:18px;
 border:solid 1px #C0C0C0;
 border-radius: 5px/5px;	
}

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

.kotei  {
  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;
}
}

/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
/*h1デザイン*/
.kotei {
  text-align: center;
  margin: 0.5em;
  padding:0.3em;
  font-size:40px;
  font-family: 'Kosugi Maru',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}

.kotei  {
  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;
}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
/*h1デザイン*/
.kotei {
  text-align: center;
  margin: 0.5em;
  padding:0.3em;
  font-size:40px;
  font-family: 'Kosugi Maru',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}

.kotei  {
  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;
}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
/*h1デザイン*/
.kotei {
  text-align: center;
  margin: 0.5em;
  padding:0.3em;
  font-size:40px;
  font-family: 'Kosugi Maru',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}

.kotei {
  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;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*h1デザイン*/
.kotei {
  text-align: center;
  margin: 0.5em;
  padding:0.3em;
  font-size:30px;
  font-family: 'Kosugi Maru',"Noto Sans Japanese","游ゴシック","YuGothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif !important;
}

.kotei  {
  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;
}
}