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

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

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

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

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


  /*boxのcss*/
.simple-box1{
	 background:#FFF7CC;
      border:1px solid #FFF7CC;
}

.box1-5 {
	margin: 1em auto;
	padding: 1em;
	background-color:#fffff0;/*背景の色*/
}

.box1-4 {
	margin: 1em auto;
	padding: 1em;
	background-color:#f5f5f5;/*背景の色*/
}



  /*tableのcss*/
.table1-1 {
	border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}

.table1-1 th {
	background-color: #fffafa;
  font-weight: bold;
  text-align: center;
　padding: 1em;
}

.table1-1 td {
	background-color: #ffffff;
	padding: 1em;
}


/* サイドバー見出し装飾 */
  h3.widget-sidebar-title {
    color: #333333;                      /* 文字色 */
    background: #ffe4b5;                 /* 背景色 */
    padding: 0.2em 0.2em 0em 0.2em;      /* [上][右][下][左]の余白 */
    border-top: none;                    /* 上枠 */
    border-right: none;                  /* 右枠 */
    border-bottom: solid 2px #f39800;    /* 下枠 */
    border-left: none;                   /* 左枠 */
  }



/* メニューをスライドさせるやつ　ここから */
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi{
   background:#ffffff; /* 背景色 */
}
#header-container #navi a{
   color:#000000; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#000000; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul .sub-menu{
   background:#ffccf9; /* サブメニュー背景色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
@media screen and (max-width: 1030px){
   .navi-in > .menu-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
   }
   #header-container #navi a{
  font-size:0.8em;
  padding: 1em 1.2em; /* 余白 */
   }
   #header-container .navi-in > ul > .menu-item-has-children > a::after{
  display:none;
   }
}
/* メニューをスライドさせるやつ　ここまで */