@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* ----------------------------------------------------------------------
全体
---------------------------------------------------------------------- */
html {
scroll-behavior: smooth;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
font-weight: normal;
}
.page .article h2, .page .article h3, .post h2, .post h3 {
margin-top: 1.6em;
padding: 12px;
}
.article h3 {
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
}
table tr:nth-of-type(2n+1) {
background-color: transparent;
}
.font300 {
font-size: 300% !important;
}
.font200 {
font-size: 200% !important;
}
.font150 {
font-size: 150% !important;
}
.font80 {
font-size: 80% !important;
}
.minifont {
font-size: 11px;
}
.margin50 {
margin: 50px 0;
}
.center {
text-align: center;
}
.minifont {
font-size: 13px;
line-height: 1.6em;
margin: 0 0 20px;
}
.center {
text-align: center;
}
.black {
color: #000000;
}
.white {
color: #fff;
}
a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
}
.odibee {
font-family: 'Odibee Sans', cursive;
}

/* ----------------------------------------------------------------------
サイトタイトル
---------------------------------------------------------------------- */
.site-name-text {
font-weight: 100;
font-size: 58px;
font-style: italic;
}
.logo-text {
padding: 0px;
}
.tagline {
text-shadow: 1px 1px 3px #000;
font-weight: bold;
font-size: 16px;
}

/* ----------------------------------------------------------------------
グローバルナビメニュー
---------------------------------------------------------------------- */
.item-label {
font-size: 28px;
font-family: 'Odibee Sans', cursive;
}
.menu-drawer a {
font-family: 'Odibee Sans', cursive;
}
.sub-caption {
font-size: 0.6em;;
}
.slicknav_menu {
background: #ffd900;
}
.slicknav_nav a {
color: #333;
}

/* ----------------------------------------------------------------------
ページタイトル
---------------------------------------------------------------------- */
.post > .article-header > h1.entry-title {
margin-top: 50px;
margin-bottom: 30px;
color: ;
font-size: 36px;
}
.main {
padding: 0px 10px;
}

/* ----------------------------------------------------------------------
サイドバー
---------------------------------------------------------------------- */
#sidebar {
font-size: 13px;
}


/* ----------------------------------------------------------------------
フッター
---------------------------------------------------------------------- */
.footer-title {
font-family: 'Squada One', cursive;
letter-spacing: 2px;
}
#footer p {
font-size: 16px;
}

/* ----------------------------------------------------------------------
カテゴリボタン
---------------------------------------------------------------------- */
.cat-link, .cat-label {
background-color: #ea1276;
}

/* ----------------------------------------------------------------------
デフォルトボタン
---------------------------------------------------------------------- */
.wp-block-button__link:hover {
background-color: #eee !important;

}

/* ----------------------------------------------------------------------
送信ボタン
---------------------------------------------------------------------- */
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
width: 180px;
}

/* ----------------------------------------------------------------------
画像加工
---------------------------------------------------------------------- */
.circle {
border-radius: 50%;
}

/* ----------------------------------------------------------------------
タブ
---------------------------------------------------------------------- */
.su-tabs {
background: #f6f2ea!important;
}

/* ----------------------------------------------------------------------
WP Shoe Posts
---------------------------------------------------------------------- */
h2.wp-show-posts-entry-title {
background-color: transparent;
}
.wp-show-posts-entry-title a {
color: #222;
font-size: 18px;
font-weight: bold;
}
.wp-show-posts-entry-title:hover {
background-color: #eee;
}
.wp-show-posts-entry-content, .wp-show-posts-entry-summary {
font-size: 13px;
line-height: 1.6;
}

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

/*1023px以下*/
@media screen and (max-width: 1023px){
.mobile-header-menu-buttons {
background-color: #111;
color: #fff;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
.footer-widgets {
display: block;
}
}

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