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

/************************************
** 子テーマ用のスタイルを書く
************************************/
body.public-page {
  background-size: cover;
}
body.home.public-page {
  background-size: 160%;
  background-position: top center;
}

body {
	    letter-spacing: .2em;
}


html,body {
    height: 100%;
	    letter-spacing: .2em;
}

#header {
  padding: 10px;
}

.site-name-text {
  font-family: 'Nosifer', cursive;
    font-size: 3em;
}
.navi{
	background:none;
}
.navi:hover {
    background-color: #333;
}




div#container {
    min-height: 87.2%;
    margin-bottom: 4%;
}
.article h2,.home .main{
	background:none;
}
.header-container, .footer {
        background-color: #3333338c;
}

.header-container, .home .main, .sidebar, .footer {
    text-shadow: 1px 1px 2px #333;
}
.logo-text,.tagline,
.footer-bottom,.copyright,
.footer {
    margin: 0;
    padding: 0;
}

.home .entry-content.cf {
    color: #fff;
}
.cl-slim .navi-in > ul li,
.home h4,
.home h3,
.home h2 {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.navi-in a:hover
{
     background: #333;
}
.navi-in > ul {
    justify-content: flex-end;
    margin-right: 30px;
}
.home .entry-content
 {
     background: #3333338c;
}
.home h2 {
    margin-bottom:0;
}
.cl-slim .navi-in > ul li {
    width: auto;
    padding: 0 1%;
    line-height: 0;
    height: 20px;
}
.cl-slim .navi-in > ul li:hover {
	height:12px;
	background:#e60033;
}
.main,
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
  background-color: rgba(255, 255, 255, 0.92);
}
.entry-content>*, .demo .entry-content p {
  margin-top: 0;
  padding: 2% 4%;
}
.author-info {
    display: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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