@charset "UTF-8";

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

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


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

/*ロゴの文字サイズ*/
.site-name-text{
	font-size:16px;
	font-weight:bold;
	
}

/*ヘッダーの文字色*/
a.site-name.site-name-text-link{
	color:#1111cc;/* タイトルの色 */	
	
}


/*ロゴ文字にアンダーライン*/
.logo.logo-header.logo-text{
		text-decoration: underline; /* リンク部分にアンダーライン */
	text-align:left;
}

/*キャッチフレーズの編集*/
.tagline{
	font-size:14px;
	color:#333333;
	text-align:left;
}


/*ヘッダーナビゲーション*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}



/*本文h2見出しカスタマイズ*/
.entry-content.cf h2{
	padding: 0.5em;/*文字周りの余白*/
  color: #000000;/*文字色*/
  background: #00ffff;/*背景色*/
  border-left: solid 5px #1F5E73;/*左線（実線 太さ 色）*/
}


/*本文h3見出し*/
.entry-content.cf h3{
	border-left:0px;
	text-align:left;
	padding:0px 0px;
}

/*SNSボタン上*/
.sns-share.ss-col-5.ss-high-and-low-cl.bc-brand-color.sbc-hide.ss-top div{
	width:320px;
}

/*SNSボタン下*/
.sns-share.ss-col-5.bc-brand-color.sbc-hide.ss-bottom div{
	width:320px;
}

/*サイドバーカテゴリ*/
.sidebar.nwa.cf h3{	clear: both;
text-transform: none;/*英数字を大文字にしない*/
	margin: 0 0 1px 0;
	margin: 0 0 0.1rem 0;
	padding: 15px 15px;
	padding: 0.3rem 0.471428571rem;
	border-width: 0 0 2px 3px;
	border-color: #444444;
	border-style: solid;
	background: #00ffff;/*リンクカテゴリの文字背景をアクアにする*/
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px;
	-moz-border-radius:3.5px;
        -webkit-border-radius:3.5px;
        -khtml-border-radius:3.5px;
        border-radius:3.5px;
        -moz-border-radius:0.25rem;
        -webkit-border-radius:0.25rem;
        -khtml-border-radius:0.25rem;
	border-radius:0.25rem;
	color: #000000;/*リンクカテゴリの文字色を黒にする*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	font-size: 1.0rem;
	line-height: 1.0;
	font-weight: normal;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 12px;
	font-size: 1.0rem;
	line-height: 1.0;
}


/*サイドバーのリンクの先頭に●を付ける*/
.sidebar.nwa.cf ul {

list-style: disc;  /* リストマーク */
color: #1111cc;/*リストマークの色*/
padding-left:10px;   /*左に余白 */
	
	font-weight: 900;
}

/* サイドバーの調整リンク部分 */
.sidebar.nwa.cf a {
 color: #1111cc; /*リンク部分の文字色 */
text-decoration: underline; /* リンク部分にアンダーライン */
font-weight:900; /* 文字の太さは太い */
font-size: 13px;  /* 文字の大きさ */  
font-size: 1.1rem;	
}


/*サイドバーのリンク訪問済みの文字色 */
.sidebar.nwa.cf a:visited {color:#4B0082;  
}
.sidebar.nwa.cf a:hover{color: #7a8285; /* リンクにマウスが乗った時の文字色 */
}

/*著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*著者情報を消す場合*/
.post .author-info {
    display: none;
}

/*お問い合わせ送信ボタン*/
.wpcf7-form-control.wpcf7-submit {
		font-size:18px;	
	background-color: #ffa340;
	border-radius:5px;
	width:300px;
}


/*添付ファイル部分*/
.wpcf7-form-control.wpcf7-file.contactfile{
	font-size:18px;	
}

/*コメント送信ボタンの幅*/
.form-submit{
	width: 200px;
	font-size: 16px;  /* 文字の大きさ */  
font-size: 1.3rem;
}

/*暗唱文字の大きさ*/
#commentform img{
	width:150px;	
}

/*暗唱文字入力欄変更*/
#siteguard_captcha{
	width:250px;
}

/*コメントに*を追加する*/
.comment-form-comment label::after{
	content:'　*';
		color:#ff0000;
	
}