@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
*/

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

@font-face {
  font-family: 'RXMM'; 
  src: url('fonts/rounded-x-mgenplus-1cp-medium.ttf') format('truetype') ;
}



/*body #container .container, .rbs-img-content*/
.ff-yu-gothic,.rbs-img-content,.main,.header-in .logo,.header-in .tagline,.sidebar
{font-family:"UD デジタル 教科書体 NK-B","M PLUS Rounded 1c","RXMM","メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}

/*タイトルを左側に寄せる*/
.header-in .tagline {
text-align:left;
	padding-left: 10px;
}

.header-in .logo {
text-align: left;
	padding-left: 10px ;
	
}

/*読み上げ機能関連*/

#voice-select{
	/*display: none;音声選択欄を表示しない場合に有効にする*/
        width:100%;
}


/*読み上げボタンを右側にする。左のままでよければ記入しなくてもよい*/
.wp_speech_contents-box{
	text-align: right;
}

/*画像キャプションの文字を大きくする*/
.wp-block-image figcaption {
	margin: 0.3em 0 0 0 ;
	color: #222222;
	font-size: 1em;
	text-align: center;
	
}
/*サイトロゴのサイズや太さを変更し白い枠をつけ見やすく*/
.logo-header a span{

font-weight: bold;
font-size:1.5em;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*本文のワクに影をつける*/
.main{
	box-shadow:2px 2px 10px 0px #505c74;
	position: relative;
	background-color: #fcfcfc;
}

/*サイドバーのワクに影をつける*/
.sidebar {
    box-shadow:2px 2px 10px 0px #505c74;
	position: relative;
	background-color: #fcfcfc;
}

/*写真に影をつける*/
.entry-content img{
box-shadow:2px 2px 10px 0px #505c74;
	
}

/*写真のマージン*/
.sidebar {

}

/*タグクラウドのデザイン*/
.widget_tag_cloud .tagcloud a{
 background:#fff;
 border:1px solid #bbb;
 color:#666;
 padding:6px;
 margin:3px;
 border-radius:1px;
 text-decoration:none;
 font-size:12px;
}
/*タグクラウドマウスオーバー時*/
.widget_tag_cloud .tagcloud a:hover{
 background:#ff870f; 
 color:#fff; 
 border:1px solid;
}





/*【日めくり写真カレンダー】*/

#hmwrapper2{   /* 日めくりカレンダー全体 */
    background-color: #eee;
    margin: 1em auto;
	padding: 0;
    width: 100%;
    box-shadow: 7px 7px 10px #555;
}

#hmmonth2{     /* 年月 */
    background-color: #333;
    padding: 0;
	font-size: 2em;
	font-weight: 900;
	text-align: center;
    color: #fff;
}

#hmdate2{      /* 日・曜日 */
	
    margin: -0.2em 0em -0.2em 0em;
    font-size: 3em;
    font-weight: 900;
    text-align: center;
    color: #777;
}

#hmimg2{       /* 画像 */ 
    text-align: center;
	background-color: #777;
}


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


}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#hmmonth2{     /* 年月 */
	font-size: 1em;
}
#hmdate2{      /* 日・曜日 */
	
    font-size: 2em;
}
	
}