@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.2
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/** 記事本文内の行の高さを調整 */
.content p {
    margin-top: 0;
    margin-bottom: 1.0em;
    line-height: 160%;
}
/* キャッチフレーズの文字のサイズを修正 */

/* PC（画面のサイズが768pxより大きい）では、24pxで */
/* スマホやモバイル端末（画面のサイズが768px以下）では、18pxで */
body {
font-family: sans-serif;
}
.tagline {
	border-top: 0px;
	font-size: 32px; /* 20260502修正前 48px */
	font-weight: bold;
	display        : inline-block;
	color          : #1F2052;            /* 文字の色 前→#06124C  もう１つ前→#1F2052 */
	letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       1px  1px 1px #434B52,
      -1px  1px 1px #434B52,
       1px -1px 1px #434B52,
      -1px -1px 1px #434B52,
       1px  0px 1px #434B52,
       0px  1px 1px #434B52,
      -1px  0px 1px #434B52,
       0px -1px 1px #434B52;        /* 文字の影 */
}
@media screen and (max-width: 768px){
	.tagline {
	font-size: 18px;
	}
}

/* グローバルメニューのフォントサイズ　2021年1月27日変更　 */
#navi .navi-in > .menu-header .item-label{
	font-size: 18px;
}

/* リンクノーマル状態 */
.entry-content a{
  color: #1a0dab;
  text-decoration: underline;
}
/* リンクホバー状態 */
.entry-content a:hover{
  color: #1a3dff;
}
/* リンククリックされた状態 */
.entry-content a:active{
  color: #ee0000;
}
/* リンク訪問済みの状態 */
.entry-content a:visited {
  color: #609;
}

/* 枠線 ************************************/

#sidebar{
    border: none;
    background: transparent;
    padding: 0;
}
.widget {
    background-color: #fff;
    padding: 20px 0px;
    border-radius: 5px;
    border: 2px solid #888;
}

.sideTower .sideWidget .textwidget {
	padding-top: 1px;
}

/************************************
** ●サイドバータイトル カスタマイズ
************************************/
#sidebar h3{
  position: relative;
  padding: 0; /*余白をなしに*/
  color: #333; /*フォントカラー*/
  background-color: #FFCD00; /*背景カラー*/	
  font-size: 18px; /*フォントサイズ*/
  /*letter-spacing: 8px; 文字間隔*/
  text-align: center; /*文字位置中央 center*/
  margin: 10px 0px 20px 0px;
  padding: 10px 10px 8px 10px;
  border-radius: 0px; /*角丸コーナー*/
  line-height: 100%;
}

/************************************
** YouTubeの埋め込みをフルサイズにする
************************************/

.videowrap {
  position: relative;
  width: 100%;
  padding-top: 56%;
}
.videowrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#header {
background-color: #F6F6F6; /*← 2023年5月9日変更 変更前は#bde1da (石井雄さん 2021年3月26日) */
}

/************************************
** ブログでのYouTube埋め込みを中央寄せにする
************************************/
.video-container{
margin: 0px auto;
}

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

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

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