@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){
  /*必要ならばここにコードを書く*/
}


#custom_html-2{
	 text-align: center;
}

#media_image-2 {/*スマホ用*/
   display: none;
}

@media screen and (max-width:480px) {/*画面幅が480px以下のとき*/

    #media_image-2 {/*スマホ用*/
      display: block;
			margin: 0 calc(50% - 50vw);
			width: 100vw;
			height: 100vh;	/*画像の高さを調整*/
   }
.content-top {
margin: 0px;
padding: 0px;
}
}

.slider{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
 
.slider__content{
    min-width: 100%;
    animation: sliderAnime 12s ease-in-out infinite;
}
  
@keyframes sliderAnime{
    0%{
 
    }
    16.6%{
        transform: translateX(0);
    }
    33.3%{
        transform: translateX(-100%);
    }
    50%{
        transform: translateX(-100%);
    }
    66.6%{
        transform: translateX(-200%);
    }
    83.2%{
        transform: translateX(-200%);
    }
    100%{
        transform: translateX(0);
    }
} 
 
.slider__img{
    max-width: 100%;
    min-width: 100%;
}

#navi .navi-in{
 font-weight:bold;
}

.mobile-menu-buttons {
background: #0097B2;
color: white;
}

.mobile-menu-buttons .menu-button > a {
color: white;
}
  /*必要ならばここにコードを書く*/

  /*見出し更新*/
/* 見出しリセット */

.article h2{
background:none;
padding: 0;
}
.article h3::before {
border-top: none;
}
.article h3::after {
border-bottom: none;
}
.article h3{
border: none;
}
.sidebar h3{
background:none;
padding: 0;
}
/* 見出し2 */
.article h2 {
  padding: 1rem 2rem;
  border-bottom: 3px solid #333333;
  background: #0097B2;
}
.article h3 {
  padding: 0.8em;/*文字周りの余白*/
  color: #333333;/*文字色*/
  background: #F2FBFD;/*背景色*/
  border-left: solid 5px #0097B2;/*左線（実線 太さ 色）*/
}


.sidebar h3 {
  /*線の種類（実線） 太さ 色*/
	  color: #333333;/*文字色*/
  border-bottom: solid 3px #0097B2;

}

.content-bottom h2{
	  /*線の種類（実線） 太さ 色*/
	  color: #333333;/*文字色*/
  border-bottom: solid 3px #0097B2;
}
.footer h3{
  /*線の種類（実線） 太さ 色*/
	  color: white;/*文字色*/
  border-bottom: solid 3px white;

}