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

/************************************
** 子テーマ用のスタイルを書く
/wp-content/themes/cocoon-child-master/img/
************************************/
/*必要ならばここにコードを書く*/
.front-top-page #main .entry-title{
  display: none;
}
.wrap {
    width: 1302px;
}
@media screen and (max-width: 1255px) {
    .wrap {
        width: auto;
    }
}
.navi-in a {
color:#693e06;
font-weight: 900;
}
.sidebar h2{
border-color: #c37d3f;
color: #693e06;
background: repeating-linear-gradient(-45deg, rgba(187, 187, 187, 0.1), rgb(57 35 1 / 21%) 3px, rgba(221, 221, 221, 0.1) 3px, rgba(221, 221, 221, 0.1) 6px);
}

.body{
background-image: url(/wp-content/themes/cocoon-child-master/img/squ_ten2.png);
    background-size: auto;
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
    background-color: #fff;
font-family:serif;
}
#main > *, #main .article > * {
    background: #fff;
}

.ntext{
text-align: center;
margin-top: -1em;
}
.n00{
float: none;
    display: block;
    margin: 2.5em auto;
}
.entry-title, .archive-title{
font-size: 21px;
}
.column-narrow .content-in {
    width: 1000px;
}
#footer-in{
    background-image: url(/wp-content/themes/cocoon-child-master/img/head02back.jpg);
}
#navi{
background-image: url(/wp-content/themes/cocoon-child-master/img/headback.jpg);
}
.header-container-in.hlt-top-menu{
background-image: url(/wp-content/themes/cocoon-child-master/img/headback.jpg);
}

.article h1, .article h2, .article h4, .article h5, .article h6{
line-height: 2;
background: linear-gradient(90deg, rgb(239 216 179), rgb(255 255 255));
margin-left: -1em;
border-left: 7px solid #c7aa8c;
padding: 0 0.4em;
}
.article h3{
margin-bottom: -1.38em;

}
#main > *, #main .article > * {
    padding: 0 1em;
}

.ba-fixed.appeal, .ba-fixed.header, body.ba-fixed{
max-width: 1020px;
margin: auto;
}
.appeal, .header, body{
    background-size: auto;
}
.widget-entry-card{
border-bottom: solid 1px;
}

.new-entry-card-date {
  display: block;
}
#metaslider_container_25{
max-width: 1000px;
margin: auto;
margin-bottom: -2em;
}
.navi-in > ul li{
height: 2em;
}

.navi-in > ul .caption-wrap{
align-content: flex-end;
}
.caption-wrap:hover{
background-color:#dddddd;
}
.caption-wrap.hage :hover{
color:#0000ff; 
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 900px){
    .header, .appeal {
  background-size: cover;
}

@media screen and (max-width: 860px) {
    .column-narrow .content-in {
        width: auto;
    }
.article dd {
margin-left: 1.2em;
}
}

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

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