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

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

/*埋め込んだ動画センター合わせ*/
.video-container {
margin: 0px auto;
}

/*表の背景色の設定*/
.table td {
background: #f5deb3;
}

/*画像中央合わせ*/
.aligncenter {
display: block;
margin: 0 auto;
}

/*グローバルナビ フォントサイズ*/
#navi .navi-in > .menu-header .item-label{
	font-size: 13.5px;
}


/* tablepress　t_orange_head */
table.t_orange_head{
	border-collapse:collapse!important;
	border:3px solid #ffa500!important;
}

.t_orange_head tr {
    height: 44px!important;
}

.t_orange_head th,
.t_orange_head td {
    border:1px solid #f7b239!important;
}

.t_orange_head th {
    background-color: #f7b239!important;
    text-align: center!important;
}

/* tablepress　currency_monthly */
table.currency_monthly{
    margin: auto auto 28.8px;
    width: 90.7577%;
    border-collapse: collapse;
    border-style: solid;
    border-color: #f7b239;
    background-color: #f7e5c6;
}

.currency_monthly tr {
    height: 35px!important;
}
.currency_monthly .odd td {
    background-color: #f7e5c6!important;
}
.currency_monthly td {
    border:1px solid #f7b239!important;
	width:25%;
	text-align:center!important;
}









.entry-title {
font-weight: bold;
  font-size: 30px;
  padding: 15px 10px;
  color: #fff;
  background-color: #FFA500;
  border-bottom: 4px solid #aaa;
}

.entry-title a{
  color: #fff;
}

/*トップページの記事のタイトルを非表示にする*/
.home .entry-title {
  display: none;
}








/*グローバルナビの固定*/
.navi{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navi.fixed{
    position: fixed;
    top: 0;
    z-index: 10000;
    opacity:0.9;
    padding:20px 0;
}











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







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

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