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

a, nav li{
	transition: background-color 0.3s ease, color 0.3s ease;
}
a:hover, nav li:hover{
	background:white !important;
	color:black !important;
}
body{
	background: #000000;
	background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgb(78 53 59) 100%);
	color:white;
	letter-spacing:.1em;
}
.speech-wrap, .toggle-box, .timeline-box, .iconlist-box, .faq-wrap, .caption-box, .tab-caption-box, .label-box, .micro-balloon, .micro-text, .tab-caption-box-content{
	color:white;
}
.editor-styles-wrapper {
    background: transparent;
}
.header-container {
    box-shadow: none;
}
.header-container .navi{
	background:black;
}
main#main {
    padding-top: 0;
}
.header-container, .main, .sidebar, .footer {
    background-color: transparent;
	background-image:none;
}
.no-scrollable-main .main{
	color:white;
}
h1.entry-title {
    font-size: 3em;
    text-align: center;
    letter-spacing: .15em;
    padding: 0;
}
.article h2{
	background-image:none;
	padding:0;
	background-color: transparent;
	box-shadow: none;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-bottom: .2em;
	border:none;
}
.article h3::after{
	content:none;
}
.a-wrap{
	background-color:transparent;
}
.toc-title{
	background-image:none;
}
.article .toc .toc-content{
	border:1px solid;
}
.wp-block-button__link{
	background-color:#f4a6b8;
	color:black;
	font-weight:bold;
}
.go-to-top-button {
    border: 2px outset #f4a6b8;
}
.mobile-menu-buttons {
    background-color: black;
    color: #f4a6b8;
	box-shadow:none;
}
.mobile-menu-buttons .menu-icon, .mobile-menu-buttons .menu-button > a{
    color: #f4a6b8;
}
.comment-btn, .container input[type=submit]{
	width:100%;
	border: 2px solid #f4a6b8;
}
.wpcf7 input.wpcf7-submit, .wpcf7 .wpcf7-previous {
    background-color: transparent !important;
    color: #f4a6b8 !important;
}
.hidden{
	display:none;
}