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

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


.customh3 {
  padding: .4em 3em;
  border:1px solid #d3d6db;
  border-radius: 4px;
  background-image: repeating-linear-gradient(
    45deg,

  #19295a 0%,
  #19295a 7%,
  #fbfcfe 7%,
  #fbfcfe 8%,
  #19295a 8%,
  #19295a 9%,
  #d3d6db 9%,

  #d3d6db 91%,
  #19295a 91%,
  #19295a 92%,
    #fbfcfe 92%,
    #fbfcfe 93%,
    #19295a 93%,
    #19295a
  );
}

.customh4{
  border-top: none;
  border-bottom: solid 2px #d3d6db;
  position: relative;
}

/* ----- 2色目のborder ----- */
.customh4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #19295a;
  bottom: -3px;
  left: -3px;
  width: 15%;
}


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

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

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

.type a{
	margin-right: 10px;
}