@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){
  /*必要ならばここにコードを書く*/
}
.wp-block-navigation{
    display: none;
}



/*レスポンシブ改行*/
@media screen and (min-width: 835px) {
    .br-pc {
        display: block; 
    }
}

@media screen and (min-width: 835px) {
    .br-sp {
        display: none; 
    }
}

/* スマホでのみ改行 */
@media screen and (max-width: 834px) {
    .br-sp {
        display: block;     }
}

@media screen and (max-width: 834px) {
    .br-pc {
        display: none;     }
}

.header-container-in.hlt-top-menu{
	height:80px;
}

.header-container-in.hlt-top-menu .logo-header img {
	max-height:70px;
	padding-top:10px;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  font-size: 2rem;
	color:#006636;
	margin-bottom:50px;
}

.main{
	padding:0;
}

@media screen and (max-width: 834px) {
main.main{
		padding:10px 16px;
	}	}
	
a :hover {
    color: #249150; /
}

.footer{
	padding:40px 0px 0px 0px;
	}

@media screen and (max-width: 834px) {
.footer{
	padding:20px 0px 0px 0px;
	}}

.footer-left img{
	width:200px;
}

.footer-right{
	width:100%;
	text-align:center;
}

.footer-mobile{
	width:100%;
	text-align:center;
}

.footer-center{
	display:none;
}

.footer-bottom {
 margin:0;
}


#custom_html-2{
	margin-bottom:15px;
}

#custom_html-2 a{
	text-decoration:none;
	transition: color 0.3s ease;
}

#custom_html-2 a:hover{
	color:#b5b5b5;
}

#custom_html-3{
	margin:0;
}

#custom_html-3 img{
	margin:0 10px;
}

#custom_html-4{
	margin-bottom:10px;
}

#custom_html-4 a{
	text-decoration:none;
	transition: color 0.3s ease;
}

#custom_html-4  a:hover{
	color:#b5b5b5;
}

#custom_html-5{
	margin:0;
}


#custom_html-5 img{
	margin:0 10px;
}

aside#media_image-2 {
    text-align: center;
    margin: 0;
}

aside#media_image-3 {
text-align:center;
}

aside#media_image-3 img{
width:230px;
}


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

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