@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*固定ページだけ日付非表示*/
.page .date-tags {
    display: none;
}
/* 固定ページ */
.home.page .entry-title{
  display: none;
}
/* タイトル文字をH2と合わせる */
.article h2, .article h3, .article h4, .article h5, .article h6{
	margin: 1.6em 0 1em;
}
.article .entry-title, .article h2{
 font-size: 24px;
 padding: 10px 15px;
 border-radius: 2px;
 border: double 7px #ffffff;
 background-color: #6bb5ff;
 color: #000000;
}
.article h3, h3.widget-sidebar-title {
    padding-left: 15px;
    background: #cce5ff;
    border-left: #1e90ff 8px solid;
    border-right: #1e90ff 1px solid;
    border-bottom: #1e90ff 1px solid;
    border-top: #1e90ff 1px solid;
    color: #000000;
}
.article h4 {
    padding-left: 15px;
    border-top: #a0d8ef 1px solid;
    border-bottom: #a0d8ef 3px solid;
    color: #000000;
    background-color: #eaf4fc;
}
h3.widget-sidebar-title{
	margin-top: 1.6em;
}
/* ヘッダー*/
.header{
	background-repeat: repeat;
	background-size: auto auto;
}
.logo-image{
	padding:0;
}
.content {
    margin-top: 0;
}
.tagline{
	text-align:left;
	color:#000;
}
.header-site-logo-image{
	vertical-align:bottom;
}
.site-name-text-link{
	padding:0em;
}



/* メニュー */
.widget_nav_menu ul li a{
  padding: 7px 5px 7px 30px;
  border-bottom: 2px solid #ffbf7f;
  background: url(/wp-content/uploads/2020/12/right.gif) no-repeat left;
}
.widget_nav_menu ul li a:hover {
  background: #ffcc99 url(/wp-content/uploads/2020/12/right.gif) no-repeat left;
}
.menu ul li a{
  padding: 7px 5px 7px 30px;
  border-bottom: 2px solid #ffbf7f;
  background: url(/wp-content/uploads/2020/12/right2.gif) no-repeat left;
}
.menu ul li a:hover {
  background: #ffcc99 url(/wp-content/uploads/2020/12/right2.gif) no-repeat left;
}
/* トップページ */
.title-menu{
	padding-right:8px;
}

/* ページ */
.main {
padding-top: 0;
}

.content {
margin-top: 0 !important;
}

.breadcrumb {
margin-top: 0 !important;
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    width: 80%;
    margin: 0 auto;
}	
	
	
}

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