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

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






/* コメント欄 メールアドレス非表示 */
.comment-form-email, .comment-form-url, .comment-notes {
  display: none;
}
/* コメント欄 メールアドレス非表示 */



/* フレーム内 */
.pic_frame {
display: inline-block;
text-align: center;
margin: 5px 0px 15px 0px
}
/* フレーム内 */




/* メインページ見出しミックス特別 */
.article h1 {
    background: url(https://45mix.net/0gazou/budou.png) no-repeat; 
     padding: 12px 0px 10px 53px; 
        margin: 40px 50px 0px 0px;
	border-left:none;
	border-bottom:none;}

.article h2 {
    background: url(https://45mix.net/0gazou/apple.png) no-repeat; 
     padding: 12px 0px 10px 53px; 
        margin: 40px 100px 0px 10px;
	border-left:none;
	border-bottom:none;}

.article h3 {
    background: url(https://45mix.net/0gazou/itigo.png) no-repeat; 
     padding: 12px 0px 10px 53px; 
        margin: 40px 0px 0px 0px;
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:none;}

.article h4 {
    background: url(https://45mix.net/0gazou/mikan.png) no-repeat; 
     padding: 12px 0px 10px 53px; 
        margin: 40px 200px 0px 0px;
	border-left:none;
	border-bottom:none;}

/* メインページ見出しミックス特別 */



/* サイドバー見出しミックス特別 */
#sidebar h3  {
    background: url(https://45mix.net/0gazou/banana.png) no-repeat; 
     padding: 12px 0px 10px 53px; 
        margin: 40px 0px 0px 0px;
	border-left:none;
	border-bottom:none;}
/* サイドバー見出しミックス特別 */



/* タグを丸枠で囲む */
.tagcloud a {
font-size: 15px !important;
display: inline-block;
padding: 5px 15px; /*文字と枠との間隔上右下左*/
margin:0px 5px 5px 0px; /*隣との間隔上右下左*/
text-decoration: none;
color: #167ac6;
border-radius: 22px;
border: 1px solid #167ac6;
background-color: #fff;
}
.tagcloud a:hover {transition: 0.3s;color: #000000;background: #99cccc;}
/* タグを丸枠で囲む */



/* コンテンツ一覧・まとめ角丸 */
a.maru{
  border: 1px solid #167ac6;
  border-radius: 20px;
  color: #167ac6;
  padding: 5px 15px;
  text-decoration: none;
  font-size: 14px;
  margin: 5px;
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}

a.maru:hover{transition: 0.3s;color: #000000;background: #99cccc;}
/* コンテンツ一覧・まとめ角丸 */


/* アイキャッチ非表示 */
.eye-catch {display: none;}
/* アイキャッチ非表示 */



/* エントリーカードラベル非表示 */
.entry-card .cat-label{
  display: none;}
/* エントリーカードラベル非表示 */



/** サイドカテゴリ一覧おしゃれに **/
.widget_categories ul li a{ 
  border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */}

.widget_categories ul li a::before{
  font-family: FontAwesome;
  content: "\f07b"; /* FontAwesomeのユニコード */
  color: #5FB3F5; /* アイコンの色 */
  padding-right: 6px;}

.widget_categories > ul > li > a:first-child{ 
  border-top: none;}
/** サイドカテゴリ一覧おしゃれに **/



/*サイドバーウィジェットリンクボタン角丸め*/
.side-link {
font-size:16px; /*文字の大きさ*/
padding: 8px 15px; /*文字と枠との間隔上右下左*/
margin:0px 5px 5px 0px; /*隣との間隔上右下左*/
border-radius: 25px; /*枠線角丸コーナー*/
color: #167ac6; /*文字の色*/
border: 1px solid #167ac6; /*枠線の色*/
background-color: #fff; /*背景の色*/
text-decoration: none; /*アンダーバー非表示*/
display: inline-block; /*inline-block要素、もしくはblock要素にする*/
}
/*サイドバーウィジェットリンクボタン角丸め*/



/*記事一覧アイキャッチ画像の角丸め*/
.card-thumb img,
.widget-entry-card,
.eye-catch img {
	border-radius: 5px;
}
.e-card{border: 1px solid #ccc; /*枠線の太さ、形状、色*/
border-radius: 10px;padding: 8px;} /*角の丸み*/
/*記事一覧アイキャッチ画像の角丸め*/



/*文末カテゴリーボタン角丸め*/
.cat-link {
padding: 9px 15px; /*文字と枠との間隔上右下左*/
font-size:16px; /*文字の大きさ*/
border-radius: 25px; /*枠線角丸コーナー*/
	background-color: #167ac6; /*背景の色*/
}
/*文末カテゴリーボタン角丸め*/



/*文末タグボタン角丸め*/
.tag-link {
font-size:16px; /*文字の大きさ*/
padding: 8px 15px; /*文字と枠との間隔上右下左*/
margin:0px 5px 5px 0px; /*隣との間隔上右下左*/
border-radius: 25px; /*枠線角丸コーナー*/
color: #167ac6; /*文字の色*/
border: 1px solid #167ac6; /*枠線の色*/
background-color: #fff; /*背景の色*/
}
/*文末タグボタン角丸め*/




/*目次の枠線角丸め*/
.toc {
  border-radius: 10px;/*角丸コーナー*/
}
/*目次の枠線角丸め*/



/*ブログカード アイキャッチ画像の角丸め*/
.blogcard-thumbnail img {
  border-radius: 8px; /*画像角丸コーナー*/
}
.blogcard{
	border-radius: 10px; /*枠線角丸コーナー*/
}
/*ブログカード アイキャッチ画像の角丸め*/



/*SNSシェアボタン丸く*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/}
#main .button-caption {
	display: none; /*キャプション非表示*/}
/*SNSシェアボタン丸く*/




/*カテゴリーページの説明角丸 */
.category-description {
  background-color: #f7f7f7;
  border-radius: 20px;
  border: 1px solid #ddd;
}
/*カテゴリーページの説明角丸 */



/* カテゴリー背角丸 */
.post-meta{
  margin-bottom: 0.5em;
  text-align:right;
  background-color:#F7F7F7;
  color:#555;
  font-size:16px;
  border-radius: 15px;
}
/* カテゴリー背景角丸 */



/*メイン部分の枠を角丸*/
#main {
  border: none;
  border-radius: 20px;
 margin:0px 0px 20px 0px;
}
#sidebar{
  border: none;
  border-radius: 20px;
 margin:0px 0px 20px 0px;}
/*メイン部分の枠を角丸*/



/* 検索ボックス丸 */
.search-box .search-edit {font-size: 14px; padding: 5px 20px;
border-color: #b4ada9; /*枠の色*/
border-radius: 30px; /*角の丸さ*/
height: 50px;}
.search-box .search-submit {top: 0; right: 0px; height: 100%; width: 60px;
color: #fff; /*ボタンの色*/
background-color: #b4ada9; /*ボタンの背景色*/
border-radius: 0 30px 30px 0; /*丸さボタン側*/}
.search-box input::placeholder {color: #b4ada9; /*テキスト色*/}
/* 検索ボックス丸 */



/* 次のページ丸 */
.pagination-next-link {
  background-color: #49add1;
  color: #fff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); /*「次のページ」部分の影*/
}
.pagination-next-link:hover {
  background-color: #68caee;
  transition: all 0.5s ease;
  color: #fff;
}
.page-numbers {
  color: #49add1;
  border: 1px solid #49add1;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); /*数字部分の影*/
}
.pagination .current {
  background-color: #49add1;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #49add1;
  color: #fff;
}
a.prev, a.next {
  display: none;
}
@media screen and (max-width: 480px) {
.page-numbers {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
}
/* 次のページ丸 */









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

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

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