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

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

h2.heading2 {
	margin-bottom: 0.5em;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 0.5em;
	padding-left: 2.5em;
	text-indent: -2em;
	line-height: 1.5;
	// background-color: transparent;
}

h3.heading3 {
	margin-bottom: 0.5em;
	padding-left: 2em;
	text-indent: -2em;
	border: none;
	font-size: 20px;
}

p.kou {
padding-left: 2em;
text-indent: -2em;
}

p.kou2 {
margin-left: 2em;
}

p.gou {
padding-left: 4em;
text-indent: -2em;
}

p.gou2 {
padding-left: 4em;
}

p.gou-lev1 {
padding-left: 6em;
text-indent: -2em;
}

p.gou-lev1-2 {
padding-left: 6em;
}

p.gou-lev2 {
padding-left: 9em;
text-indent: -3em;
}

p.gou-lev2-2 {
padding-left: 10em;
}

.kou table td {
	vertical-align: top;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.wrap-center {
	text-align: center;
	padding-left: 2em;
	padding-right: 2em;
}

.wrap-left {
  padding-left: 4em;
  text-indent: -2em;
}

.wrap-left2 {
		padding-left: 2em;
	padding-right: 2em;
}

.wrap-left3 {
		padding-left: 4em;
	padding-right: 2em;
}

.wrap-right {
		text-align: right;
		padding-left: 2em;
	padding-right: 2em;
}

.wrap-right2 {
		text-align: right;
		padding-left: 2em;
	padding-right: 12em;
}

.wrap-kou {
	padding-left: 4em;
		padding-right: 2em;
text-indent: -2em;
}

.wrap-kou2 {
	padding-left: 4em;
		padding-right: 2em;
	padding-right: 2em;
}

.kou-list {
padding-left: 3em;
text-indent: -1em;
}

.gou-list {
padding-left: 5em;
text-indent: -1em;
}

.wp-block-group {
	border: 1px dotted var(--cocoon-basic-border-color);
	padding: 0.5em;
}

.widget_categories ul li  a + ul {
	display:none;
}

.widget_categories ul li:hover ul {
	display:block;
}

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

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

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