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



body{
	background-color:#faf9f6;
	color:#1f2937;
    line-height: 1.6;
	margin:auto;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}

.main,
.navi,
.logo-image,
.sidebar,
.footer{
	background-color:#faf9f6;
}
a {
	color:#333;
}
.a-wrap:hover,
.widget_block ul li a:hover,
.cat-item a:hover{
	background:#a8cce5;
    border-radius: 3em;
}

.entry-title, .article h2{
    padding: 0 !important;
	background-color:#faf9f6 !important;
	font-size:1.5em;
}





/*---------------------------
 * カテゴリーページ
 ----------------------------*/

h1.archive-title {
	font-size: 15px;
}


/*---------------------------
 * ヘッダー
 ----------------------------*/

/*header*/
.logo {
  text-align: left;
}
/*固定ヘッダー*/
.header-container{
	background:rgba(255, 255, 255, 0.5);
}
.navi-in > ul li {
    width: 18%;
    padding: 0 .5rem;
    font-size: 13px;
}
.navi .item-label, .navi .item-description {
    font-size: 15px;
}
.navi-in a {
	font-weight:bold;
}
/*追従ヘッダー*/
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 25px; 
}
.navi-in a:hover{
	background-color: #a8cce5;
    border-radius: 5em;
}




/*---------------------------
 * トップページ
 ----------------------------*/

.widget-entry-cards figure {
    width: 130px;
}
.widget-entry-card {
    margin: 1em;
}
.widget-entry-cards:not(.large-thumb-on) .card-title{
    font-size: 18px;
    font-weight: 700;
}
.widget-entry-cards .a-wrap{
    border-bottom: 1px solid #959595;
}






/*---------------------------
 * 投稿ページ
 ----------------------------*/






/*---------------------------
 * フッター
 ----------------------------*/
.article-footer{
    margin-top: 5em;
}


#content-bottom-in{
  margin:2em 5% 5em;
}
	

.footer-bottom-logo img {
	height: 24px;
}
    .footer-bottom-logo {
        margin-bottom: 3rem;
   }
    .footer-bottom-content {
        text-align: center;
        background: #a8cce5;
        padding: 1rem;
    }



/************************************************************************************************************************************************
** レスポンシブデザイン用のメディアクエリ
************************************************************************************************************************************************/
/*741px以上
---------------------------------------------*/
@media screen and (min-width: 741px){


	
	
	
	
/*---------------------------
 * フッター
 ----------------------------*/
	
	
.footer-bottom-logo {
    margin-bottom: 7em;
}
	
	.footer-bottom-content {
    width: 100%;
	}

	
	
}

/*740px以下
---------------------------------------------*/
@media screen and (max-width: 740px){


}

/*480px以下
---------------------------------------------*/
@media screen and (max-width: 480px){
	
	

	
	
	
	
}