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

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

/*見出し hタグ*/
#main h2 {
    border: none;
    position: relative;
    padding: .5em 1em;
	background-color: #ffffff;
	background-image: repeating-linear-gradient(-45deg,rgba(255, 125, 160, .1), rgba(255, 125, 160, .1) 15px, transparent 0, transparent 30px), repeating-linear-gradient(45deg,rgba(255, 125, 160, .1), rgba(255, 125, 160, .1) 15px, transparent 0, transparent 30px);
}

#main h3 {
  position: relative;
  padding: .5em 1em;
  background: rgba(255, 250, 250, 1);
  border-left: solid 5px rgba(255, 105, 180, 1);
  font-weight: bold;
}

/*サイドバー*/

#sidebar h2 {
  border: none;
    position: relative;
    padding: .5em 1em;
	background-color: #ffffff;
	background-image: repeating-linear-gradient(-45deg,rgba(255, 125, 160, .1), rgba(255, 125, 160, .1) 15px, transparent 0, transparent 30px), repeating-linear-gradient(45deg,rgba(255, 125, 160, .1), rgba(255, 125, 160, .1) 15px, transparent 0, transparent 30px);
}

#sidebar h3 {
  border: none;
    position: relative;
    padding: .5em 1em;
	background-color: #ffffff;
	background-image: repeating-linear-gradient(-45deg,rgba(255, 125, 160, .1), rgba(255, 125, 160, .1) 15px, transparent 0, transparent 30px), repeating-linear-gradient(45deg,rgba(255, 125, 160, .1), rgba(255, 125, 160, .1) 15px, transparent 0, transparent 30px);
}

#sidebar ul {
    border: none;
    position: relative;
    padding: .5em 1em;
	background-color:rgba(255, 125, 160, .1);
}

#sidebar li {
    border: solid;
	border-color: rgba(255, 125, 160, .9);
    position: relative;
    padding: .5em 1em;
	margin-bottom: .5em;
	background-color:rgba(255, 255, 255, 1);
}

/*モバイルスライドインメニュー*/

/* ×ボタン */
.menu-close-button {
  margin-right: 8%;
  text-align: right;
  color: #EF77AF;
  opacity: 0.7;
}

/* ナビゲーションメニュー、サイドバーの背景色 */
.menu-content {
  background-color: #FFF0F7;
}

/*主項目*/
.menu-drawer > li {
  padding: 5px 0;
  line-height: 2;
  text-align: center;
}

.menu-drawer > li > a {
  border-radius: 10px;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);
  background: linear-gradient(5deg, #EF77AF, #FFE2F0);
  margin: 6px 0;
  padding: 4px 1em;
  border: 2px solid white;
  color: white;
}

.menu-drawer > li > a:hover {
  color: white;
  opacity: 0.6;
}

/*副項目*/
.menu-drawer .sub-menu li {
  text-align: left;
}

.menu-drawer .sub-menu li a {
  position: relative;
  padding: 0 25px;
  color: #EF77AF;
}

.menu-drawer .sub-menu li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 11px solid #EF77AF;
  border-bottom: 8px solid transparent;
}

.menu-drawer .sub-menu li a:hover {
  opacity: 0.6;
}

/* 更新日を非表示 */
.widget-entry-card-update-date {
  display: none;
}

.internal-blogcard-footer{
	display: none/* ブログカード内のアイコンとURLを表示しない */
}

/*コメント欄*/
/* メールなど非表示 */
.comment-form-email, .comment-form-url, .comment-notes, .comment-form-cookies-consent {
  display: none;
}

/* コメント送信ボタン文字色・背景色 */
.comment-form .form-submit input {
  background-color: rgba(255, 125, 160, .3);
  border-color: #72c7e6;
  border: 1px solid #ddd;
  color: #333;
}

.comment-respond h3 {
	margin-bottom:10px;
}

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

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

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