@charset "UTF-8";

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

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

/************************************/
/*ヘッダロゴのサイズ調整*/
.header-container-in.hlt-top-menu .logo-header img {
    width: 130px;
    vertical-align: middle;
}

/************************************/
/*背景透化*/
/*
.header-container, 
.main, 
.sidebar, 
.footer {
  background-color: transparent;
}
*/


/************************************/
/*サイドバー見出し*/
.sidebar h3 {
  background: none;
  font-size: 16px;
  color: #333c42;
  letter-spacing: 2px;
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: center;
}

.sidebar h3::before, .sidebar h3::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 28%;
  /*ラインの長さ*/
  border-top: 3px solid #444d53;
  /*ラインの色*/
}

.sidebar h3::before {
  left: 0;
}

.sidebar h3::after {
  right: 0;
}



/************************************/
/*記事見出し*/
.article h2 {
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

.article h3 {
  padding: 0.5em;
  border-left: solid 10px #1d3557;
  border-bottom: 1px solid #1d3557;
  border-right: none;
  border-top: none;
	
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}