@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{
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;	
}

.home.page .entry-title{
  display: none;
}

.page .date-tags{
  display: none;
}

p{
	margin-top: 0.4em;!important
	margin-bottom: 0.4em;!important
}

h1{
	font-family: serif;!important
}

.sidebar h3 {
	font-family: serif;!important
}

.article h2{
	font-family: serif;!important
	padding:15px 5px;!important
	margin: 0.4em 0 1em;!important
	line-height: 0.25;!important
}
.article h3{
	font-family: serif;!important
	padding:15px;
}
.article h4{
	font-family: serif;!important
	padding:15px;
}

.column-wrap h3{
	margin-bottom:0px;!important
}

.column-wrap > div {
	font-family: serif;!important
    width: 49.5%;
    margin: 0.2em;
    padding: 10px;
}
.column-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0.2em;
}


.navi{
	font-family: serif;!important
}

.column-left {
	border-color: #f2a115;
	border-left: 1px solid #f2a115;
    border-right: 1px solid #f2a115;
    border-top: 1px solid #f2a115;
    border-bottom: 1px solid #f2a115;
}
.column-center{
	border-color: #f2a115;
	border-left: 1px solid #f2a115;
    border-right: 1px solid #f2a115;
    border-top: 1px solid #f2a115;
    border-bottom: 1px solid #f2a115;
}
.column-right{
	border-color: #f2a115;
	border-left: 1px solid #f2a115;
    border-right: 1px solid #f2a115;
    border-top: 1px solid #f2a115;
    border-bottom: 1px solid #f2a115;
}


/* サイドバーメニューのフォント */
.widget_nav_menu ul li a{
	font-family:serif;
}

.menu-item-6151{
	font-size:16px;!important
}
.menu-item-6152{
	font-size:16px;!important
}
.menu-item-6153{
	font-size:16px;!important
}
.menu-item-6156{
	font-size:16px;!important
}
.menu-item-6154{
	font-size:16px;!important
}
.menu-item-6157{
	font-size:16px;!important
}
.menu-item-6150{
	font-size:16px;!important
}
.menu-item-6155{
	font-size:16px;!important
}
.widget_nav_menu ul li a{
	padding: 6px 8px;!important	
}
.widget_recent_entries ul li a{
	font-size:15px;!important
}
.post-date{
	text-align:right;
	display:none;
}

/* 基本的な設定 */
.logo{
	text-align:left;!important
}

.header-ad {
	margin: 0 0 20px;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* 340px以上 */
@media screen and (min-width: 375px){
.logo{
	text-align:center;!important
}
.header-ad {
		text-align:center;
		margin: 0 0px 20px;
		max-width: calc(100% - 20px);
	}	
}


/* 768px以上 */
@media screen and (min-width: 768px){

	#header-in {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.tagline {
		width: 100%;
	}

	.header-ad {
		text-align:right;
		margin: 0 0px 0 0;
		max-width: calc(100% - 420px);
	}

	.header-ad .ad-area {
		text-align: right;
	}

}

/* 1200px以上 */
@media screen and (min-width: 1200px){
.logo{
	text-align:left;!important
}
	.header-ad {
		margin: 0;
		max-width: 728px;
	}

}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

}

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

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