@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;
}


a[href^="http"]:not([href*="os-zeirishi.com"])::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath d='M5 5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7H5V5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/*H1*/
h1 {
  font-size:1.8em !important;
  color:#2F4F4F !important;
  margin-bottom:0px !important;
  /*background: aliceblue;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);*/
}

/* 見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
   background-color: transparent; /* 背景色を透明に */
   border: none; /* 枠線なし */
   border-radius: 0; /* 角の丸みなし */
}


/* タイトル文字を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 h2, h2.widget-sidebar-title {
	
    /*padding-left: 15px;*/
    background: #cce5ff;
    border-left: #1e90ff 5px solid;
    border-right: #1e90ff 1px solid;
    border-bottom: #1e90ff 1px solid;
    border-top: #1e90ff 1px solid;
    color: #000000;
	padding: .5em .30em;
	line-height:1.2;
	
}
.article h3 {
    
    /*border-top: #a0d8ef 1px solid;*/
    border-bottom: #a0d8ef 3px solid;
    color: #000000;
    background-color: #eaf4fc;
	font-size:1.1em;
	padding: .5em .20em;
	padding-left: 15px;
	line-height:1.2;
}

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

		
	
}