@charset "UTF-8";

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

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

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

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

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

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

/*カラム背景色*/
.header-container,
.main,
.sidebar,
.footer {
background-color: #fff;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/*固定ページのタイトルを非表示*/
.page-id-3896 .entry-title{
  display: none;
}
/*固定ページの投稿日など非表示*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*サイドバーのカテゴリーをコンパクトに*/
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a{
	padding:0 0px 0;
	margin:0px;
	line-height:2;
}

/*サイドバーの項目間の余白*/
#sidebar .widget {
margin-bottom: 18px;
}

/*サイドバーの見出しを編集*/
.sidebar h3{/*サイドバー見出し*/
	display:inline-block;
	color:#000000;/*文字色*/
	background:#fff;/*背景色*/
	padding:0px 0px 0px 0px;
	line-height:1;
}
/*サイドバーのホバー時のエフェクト*/
.widget_nav_menu ul li a:hover { /*親子共通マウスホバー時*/
background: #e5e5e5;
transition: 0.3s;
color: #000000;
}

/*リンク色*/
a:link {
color: #000000;
}
a:visited{
color: #000000;
}
a:hover {
color: #0000cd;
}
a:active {
color: #ff8000; 
}
a {
text-decoration: none;
}
/*タイトル左右の横線*/
.title-border {
display: flex;
align-items: center;
}
.title-border:before,
.title-border:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}
/*固定ページの横幅を指定*/
.page-id-3946 #main{
max-width: 65%;
}
.page-id-4298 #main{
max-width: 90%;
}
/*固定ページの中央寄せ*/
.page-id-3946 #main{
margin-left: auto;
margin-right: auto;
}
.page-id-4298 #main{
margin-left: auto;
margin-right: auto;
}
/*固定ページのタイトルを非表示*/
.page-id-3946 .entry-title{
  display: none;
}
.page-id-4298 .entry-title{
  display: none;
}
.page-id-4316 .entry-title{
  display: none;
}
.page-id-4370 .entry-title{
  display: none;
}
.page-id-4125 .entry-title{
  display: none;
}
.page-id-4123 .entry-title{
  display: none;
}
.page-id-4503 .entry-title{
  display: none;
}
.page-id-5790 .entry-title{
  display: none;
}
.page-id-6154 .entry-title{
  display: none;
}
.page-id-6011 .entry-title{
  display: none;
}
.page-id-6524 .entry-title{
  display: none;
}
.page-id-6615 .entry-title{
  display: none;
}


/*フッターの高さ調整*/
.footer {
padding-bottom: 70px;
}
/*マウスオーバー時に画像を半透明にする*/
a:hover img{
opacity:0.5;
}
/*スマホで画像の横にテキストを回り込ませない*/
@media only screen and (max-width: 600px) {
img.alignright {
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
	}
 
img.alignleft {
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
	}
.alignright {
	float: none;
	}
.alignleft {
	float: none;
	}
}
/* パソコンで見たときは"pc"のclassがついたコンテンツが表示される */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
/* スマートフォンで見たときは"sp"のclassがついたコンテンツが表示される */
@media only screen and (max-width: 750px) {
.pc {
	display: none !important;
	}
.sp {
	display: block !important;
	}
}
/*スマホの端末を横にした場合のフォントサイズ調整*/
body        {
    -webkit-text-size-adjust: 100%;
}
/*点線*/
hr.line1{
  border: none;
  border-top: 1px dotted #999;
}
/*行間*/
p.sample1 {
line-height: 0px;
}
/*ページ読み込みの際のエフェクト効果*/
.appear {
	transform-origin:center top;
	animation:show 1s both;
}
span.appear {display:inline-block;}
.d1 {animation-delay:1s;}
.d2 {animation-delay:2s;}
.d3 {animation-delay:3s;}
.d4 {animation-delay:4s;}
.d5 {animation-delay:5s;}
@keyframes show {
	0% {
		transform:translate(0,2em);
		opacity:0;
		text-shadow:0 0 0 #0f0;
	}
	50% {
		text-shadow:0 0 0.5em #0f0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
		text-shadow:none;
	}
}
/*コンテンツ背景色*/
.main{
background-color: #ffffff;
}
.sidebar{
background-color: #ffffff;;
}
/*ブラウザ幅100%表示*/
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: red;
}

/*特定の固定ページのヘッダーナビ非表示*/
.page-id-5790 #navi {
	display:none;
}
.page-id-5859 #navi {
	display:none;
}
.page-id-5870 #navi {
	display:none;
}
.page-id-5874 #navi {
	display:none;
}
.page-id-6615 #navi {
	display:none;
}

/*特定の固定ページのフッターナビ非表示*/
.page-id-5790 #footer {
	display:none;
}
.page-id-5859 #footer {
	display:none;
}
.page-id-5870 #footer {
	display:none;
}
.page-id-5874 #footer {
	display:none;
}
.page-id-6615 #footer {
	display:none;
}
/*特定の固定ページのパンくずリスト非表示*/
.page-id-5790 #breadcrumb {
	display:none;
}
.page-id-5859 #breadcrumb {
	display:none;
}
.page-id-5870 #breadcrumb {
	display:none;
}
.page-id-5874 #breadcrumb {
	display:none;
}
.page-id-6615 #breadcrumb {
	display:none;
}
/*レスポンシブ対応テーブル*/
 p {
font-size: 14px;
  margin: 0px auto 0px;
}
table {
  margin: 0px auto;
}
.tbl-r02 td {
  padding: 0px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 td {
border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*下からフェードイン*/
.css-fade{
  animation-name:fade-in;
  animation-duration:2s; /*アニメーション時間*/
  animation-timing-function:ease-out; /*アニメーションさせるイージング*/
  animation-delay:1s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode:forwards; /*アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in {
  0% {opacity: 0; transform: translate3d(0,20px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

