@charset "UTF-8";

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

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

/* ----------------------------------------------------------------------
全体
---------------------------------------------------------------------- */
.header-container, .main, .sidebar, .footer {
background-color: #000;
}
.editor-styles-wrapper {
background-color: initial;
}
.page .article h2 {
background-color: transparent;
margin-top: 0em!important;
}
.article h3 {
border: none;
font-size: 20px;
}
.page .article h2, .page .article h3, .post h2, .post h3 {
margin-top: 1.6em;
padding: 12px;
}
.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;
}
.fontwide {
letter-spacing: 8px;
}
.center {
text-align: center;
}
.black {
color: #111 !important;
}
.white {
color: #fff;
}
a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
}
.staat {
font-family: 'Staatliches', cursive;
}
.orbit {
font-family: 'Orbitron', sans-serif;
}
.notoserif {
font-family: 'Noto Serif JP', serif;
}
.underline {
position: relative;
padding: 1.5rem;
text-align: center;
}
.underline:before {
position: absolute;
bottom: -10px;
left: calc(50% - 60px);
width: 120px;
height: 3px;
content: '';
border-radius: 3px;
background: #e5b634;
}
h3.doubleline {
padding: 1rem 2rem;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

/* ----------------------------------------------------------------------
サイトタイトル
---------------------------------------------------------------------- */
.logo-text {
padding: 0px;
}
.tagline {
text-shadow: 1px 1px 3px #000;
}

/* ----------------------------------------------------------------------
固定ページタイトル
---------------------------------------------------------------------- */
.entry-title, .archive-title {
text-align: center;
font-family: 'Orbitron', sans-serif;
}

/* ----------------------------------------------------------------------
グローバルナビメニュー
---------------------------------------------------------------------- */
.navi-in > ul {
padding-top: 10px;
padding-bottom: 10px;
}
.item-label {
font-size: 16px;
letter-spacing: 1px;
font-family: 'Orbitron', sans-serif;
}
.menu-drawer a {
font-family: 'Orbitron', sans-serif;
}
.sub-caption {
font-size: 0.6em;;
}

/* ----------------------------------------------------------------------
ページタイトル
---------------------------------------------------------------------- */
.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: 'Staatliches', cursive;
letter-spacing: 2px;
}
#footer p {
font-size: 13px;
}

/* ----------------------------------------------------------------------
ビデオ
---------------------------------------------------------------------- */
.parent-class{
width:100%;
display:block;
}
.wp-video {
text-align: center;
margin: 0 auto;
max-width: 600px;
display: block
}

/* ----------------------------------------------------------------------
カテゴリボタン
---------------------------------------------------------------------- */
.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;
}

/* ----------------------------------------------------------------------
会社概要テーブル
---------------------------------------------------------------------- */
table.company {
border-collapse:separate;
border-spacing: 5px;
width: 100%;
}

table.company th,table td{
border-radius: 5px;
padding: 10px;
}

table.company th{
background-color: #ccc;
border:solid 1px #000;
}

table.company td{
background-color: #eee;
border:solid 1px #000;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}