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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*fade in*/
(body)
<div id="page-anim-preloader"></div>
(/body)
/*投稿内容の背景変更、ウテナ**/

}
body.home {
	background:url(https://tetutetugaku.com/wp-content/uploads/2023/04/green32pix.png);
}




/*ボックスの背景色を変更*/
.box-menu{
	background: #fffacd;
}
/*ボックスメニュー　背景色・罫線を消す*/
.box-menu {
box-shadow: none; 
background: transparent;　
}
/*ボックスメニュー4　背景色・罫線を消す、蝶も消える
.box-menu4 {
background: transparent;　
}*/
.box-menu-icon {
	color: #ff0000;　
	font-size: 50px;  
}
/*タイトルのサイズ・色変更*/
.box-menu-label{
	color: #ff0000;　
	font-size: 18px; 
}
/*サブキャプションのサイズ・色変更*/
.box-menu-description {
	color: #ff0000;
    font-size: 12px;
}

.box-menu{
	padding: 200;
	min-height: 0;
}

.box-menu:hover{
	box-shadow:none;
	opacity: 0.8;
} 

.box-menu-label,
.box-menu-description{
	display: none;
	margin: 300px;
}


.box-menu-icon *{
	margin: 300px;
	max-width: 100%;
	max-height: 300px;
}

/* メニューボックスに menu-box というクラスを追加 
.menu-box {
  margin-bottom: 300px; 下に300pxの余白を作る 
}

投稿の一覧に post-list というクラスを追加 
.post-list {
  margin-top: 300px; 上に300pxの余白を作る */
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* 子要素に対して透過を指定 */
#header,
#main {
    background-color: rgba(255, 255, 255, 0);
}
#site-navigation ul.sub-menu {
  background: rgba(255,255,255,0.5);
}
.sidebar,
.archive .sidebar {
	background: #00000000;
}
.sidebar {
  border: 1px solid transparent;
}