@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){
  /*必要ならばここにコードを書く*/
}





/*アピールエリアのカスタマイズ*/
.appeal .appeal-in {
	width: 100%;
	background-color: rgba(0, 128, 128, .45);
}

.appeal-content {
	background-color: transparent;
}

.appeal-title,
.appeal-message {
	color: #fff;
}

.appeal-button {
    font-size:22px;
}

/*タイトルとテキストの色を別々に指定したい場合*/
.appeal-title {
	font-size:30px;
	color: #f4cd21;
}

.appeal-message {
	color: #fff;
}

/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

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

/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*投稿日のみを消す場合*/
 .page .post-date {
    display: none;
}

/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}





/*プラグイン不要！固定ページで投稿者の一覧リストを表示させる min-height: 350px;>470 */
.writers{
    overflow:hidden;
}
.writer-profile{
    width: 18%;
    min-height: 470px;
    margin:1%;
    float:left;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
}
.writer-profile .description{
    font-size:0.8em;
}
.writer-profile .button a{
    font-size:0.8em;
}
.writer-profile .button a:after{
    content:' >';
}

/*h2色変更*/
.article h2 {
  font-size: 24px;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 14px; /*25px*/
  background-color: #666;
}

/*サイドバーh3色変更*/
.sidebar h3 {
    background-color: #009de1;
    padding: 8px 10px;
    margin: 16px 0;
    border-radius: 2px;
    color: #fff;
}

/*フッターロゴサイズ*/
.footer-bottom-logo img {
    height: 70px;
    width: auto;
}

/*カルーセル、画像の下の文字サイズ*/
.carousel-entry-card-title {
  font-size: 13px;
  margin-top: 4px;
  max-height: 3.2em;
  overflow: hidden;
}

/*カルーセル、パディングの調整、上右下左*/
.carousel .a-wrap {
    padding: 20px 20px 5px 20px;
}

/*カルーセル、下のドット非表示*/
.slick-dots li {
    display: none;
}

/*カルーセルとh4の距離を短くする*/
.main {
    padding: 0px 29px 20px 29px;
}

/*ランキング123位の色*/
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
    background: #666;
}
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {
    background: #666;
}
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
    background: #666;
}

/*コンタクトフォームの幅調整*/
.contactform-width {
    max-width: 50%;
}

/*コンタクトフォーム、テキストエリアの高さ調整*/
.wpcf7 textarea[name="your-mokuteki"] {
        width: 90%;
        height: 160px !important;
}
.wpcf7 textarea[name="your-message"] {
        width: 90%;
        height: 160px !important;
}

/*フッター、ウィジェットをスマホでも表示する*/
@media screen and (max-width: 768px) {
	.footer-widgets {
		display: block;
	}
}

/*ContactForm7のボタンの色*/
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
  border-radius: 10px;
  background-color: #004386;
  border: none;
  color: #fff;
  cursor: pointer;
}
span.wpcf7-spinner {
  display: none;
}