@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{
	background:#a8cce5;
    border-radius: 3em;
}

h2{
    padding: 0 !important;
	background-color:#faf9f6 !important;
}





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

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;
}




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

/*新着情報タイトル一覧
.info-list-caption {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 900;
}
.info-list-item-categorys .entry-category {
    padding: .1rem 1.2rem 1.2rem;
    border: 1px solid #353030;
    background: #353030;
    color: #fff;
    font-size: .7rem;
}*/

/*新着情報 画像付き*/
.widget-entry-cards figure {
    width: 130px;
}




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






/*---------------------------
 * フッター
 ----------------------------*/
.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){
	
	
	
	
	
	
	
	
}