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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.article .date-tags,
.article .toc {
    display: none;
}
.adt-front-page-only .appeal-content {
	width: 300px;
}
.article h2 {
    border-left: 9px solid #A45EC5;
}
.article h3 {
    border-left: 9px solid #A45EC5;
}
.sidebar h2, .sidebar h3, .sidebar h4 {
    border-bottom: 2px solid #ffd4e9;
}
:is(.editor-visual-editor, body:not(.wp-admin)) :is(.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select) {
    border: 2px solid #9bc8f2;
}
.title-main,
.article h6 {
    background: none;
    border: none;
    color: #6d5353;
    font-size: 1.5rem;
    margin-top: 10px;
    padding: 20px 15px 15px;
    display: block;
    letter-spacing: 2px;
    text-align: center;
    border-top: 3px dashed #CFA7CD;
    border-bottom: 3px dashed #CFA7CD;
}

.site-name-text {
  position: relative;
}
.site-name-text:before {
  position: absolute;
  content: "キキ";
  left: 1em;
  top: -1.8em;
  letter-spacing: 2em;
  font-size: 1rem;
}




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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .site-name-text:before {
    left: .4em;
    top: -1.6em;
    letter-spacing: 1em;
    font-size: 0.8rem;
  }
}
