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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://fonts.googleapis.com/css2?family=Glass+Antiqua&display=swap');

body{
 font-family: 'Glass Antiqua', cursive;
}

a{
text-decoration: none;
}
	
.entry-content a:hover { 
	color: #e6cde3; 
}

.article h2 {
 background:rgba(255,255,255,0);
 border: none;
 color: #8491c3;
 font-size: 21px;  
 font-weight: bold;
 text-align: center;
 padding: 0 ;
 margin: 1em;
}

.article h3 {
 border: none;
 font-size: 17px;           
 background:rgba(255,255,255,0.9);
 padding: 0.5em 2em;
 text-align: center;
 color: #555;
}

section {
 background: rgba(255,255,255,0.5);
 display: inline-block;
 vertical-align: top;
 padding: 0;
 margin-top: 3em;
 margin-left: 3.5em;
 margin-right: 3em;
 width: 270px;
}
section p {
 margin: 0auto; 
 padding: 0.5em 1.5em;
 text-align: left;
}

.entry-title {
display: none;
}
.page .date-tags {
display: none;
}

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

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

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