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

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

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

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

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

/************************************
** ここから追記
************************************/

/*タイトルの代わりに上に表示するテキスト*/
.logo-header .site-name:before {
  content: 'タブレット比較';
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 1px;
  color: #0697d6;
} 

@media screen and (max-width: 768px){
  .logo-header .site-name:before {
    font-size: 18px;
  } 
} 

@media screen and (max-width: 640px) {
	.pc {
		display: none;
	}
}

/*メニューアイコンの色*/
.fa-home:before { color:#edde7b; }
.fa-sitemap:before { color:#edde7b; }
.fa-envelope:before { color:#edde7b; }
.fa-folder:before { color:#edde7b; }
.fa-folder-open:before { color:#edde7b; }
.fa-file:before { color:#edde7b; }
.fa-bars:before { color:#edde7b; }
.fa-search:before { color:#edde7b; }
.fa-arrow-up:before { color:#edde7b; }
.fa-outdent:before { color:#edde7b; }
.fa-leaf:before { color:#edde7b; }
.fa-user-tie:before { color:#edde7b; }
.fa-heart:before { color:#edde7b; }
.fa-file-alt:before { color:#edde7b; }
.fa-briefcase:before { color:#edde7b; }

<i class="fas fa-home fa-fw fa-lg fa-house"></i>Home
<i class="fas fa-sitemap fa-fw fa-lg fa-sitemap"></i>Home
<i class="fas fa-envelope fa-fw fa-lg fa-contact"></i>Home
<i class="fas fa-folder fa-fw fa-lg fa-folder"></i>Home
<i class="fas fa-folder-open fa-fw fa-lg fa-folder-open"></i>Home
<i class="fas fa-file fa-fw fa-lg fa-file"></i>Home
<i class="fas fa-bars fa-fw fa-lg fa-bars"></i>Home
<i class="fas fa-search fa-fw fa-lg fa-search"></i>Home
<i class="fas fa-arrow-up fa-fw fa-lg fa-arrow-up"></i>Home
<i class="fas fa-outdent fa-fw fa-lg fa-outdent"></i>Home
<i class="fas fa-leaf fa-fw fa-lg fa-leaf"></i>Home
<i class="fas fa-user-tie fa-fw fa-lg fa-user-tie"></i>Home
<i class="fas fa-heart fa-fw fa-lg fa-heart"></i>Home
<i class="fas fa-file-alt fa-fw fa-lg fa-file-alt"></i>Home
<i class="fas fa-briefcase fa-fw fa-lg fa-briefcase"></i>Home


/*------------------------------------
パンくずリストの文字色
--------------------------------------*/
.breadcrumb , .breadcrumb a {
    color: black;
}

/*------------------------------------
白抜きボックスの枠線の太さを細く、色を薄い灰色に
--------------------------------------*/
.blank-box{
  border-width: 2px;
  border-color: #c0c0c0;
}