@charset "UTF-8";

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

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

/************************************
** ヘッダー
************************************/
.header{
  border-bottom: 10px solid #092237;
}

/* キャッチフレーズ */
.tagline{
	font-family: "Zen Maru Gothic", serif;
}

/************************************
** 見出し（H2）
************************************/
.article h2 {
    position: relative;
    color: #ffffff;
    background: #092237;
    border: 1px solid #092237;
    margin: 10px 10px 21px 0px;
    padding: 10px 5px 10px 10px;
    border-radius: 3px;
}
.article h2:after, .article h2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.article h2:after {
    left: 40px;
    border: 10px solid  transparent;
    border-top: 10px solid #092237;
}
.article h2:before {
    left: 39px; 
    border: 11px solid transparent;
    border-top: 11px solid #092237;
}

/************************************
** サイドバー（H3）
************************************/
.widget-sidebar h3 {
    color: #ffffff;
    padding: 5px;
    border-radius: 4px;
	background: #092237 ;
}

/************************************
** メイン　ウィジェット
************************************/
/* .main .widget{
	margin-left:1px;
	margin-right:auto;
} */

.main .custom-html-widget{
	margin-top: 8px;
}

.sns-follow-message {
	color: #ffffff;
	background: #092237;
}

.sns-share-message {
	color: #ffffff;
	background: #092237;
}

/************************************
** メインカラム
************************************/

/************************************
** リンクマーク
************************************/
.link-mark{
  background:url(https://poor-nobleman.com/wp-content/uploads/2015/09/external-link-grey-gradient02-Shapes4FREE.png) no-repeat right center;
  padding-right:15px;
}

/************************************
** カスタマイズ
************************************/
#sidebar .widgettitle {
    color: #ffffff;
    background: #092237;
}

#sidebar-scroll h3 {
    color: #ffffff;
    background: #092237;
    padding: 5px;
    border-radius: 4px;
}

.author-box {
    margin-left:auto;
	margin-right:auto;
}

.ad-label {
	color: #6a4928;
}

/************************************
** Yet Another Related Posts Plugin
************************************/
.yarpp-related h3 {
	color: #ffffff;
    background: #092237;
    padding: 5px !important;
    border-radius: 4px;
	border: none;
}

.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	font-size: 75%;
	max-height: 4.2em;
}

.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail{
	border: none;
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
    .tagline {
        font-size: 10px;
    }
	main.main, div.sidebar {
		padding-top:1px;
	}
}

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