@charset "UTF-8";

/*!
Theme Name: Cocoon Hokepro
Description: Cocoon専用の子テーマ
Template:   cocoon-master
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#header-container{
	padding: 10px 0;
}

.header-in{
	position: relative;
	padding-left: 90px;
}

.header-container-in.hlt-top-menu .tagline{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.site-logo-image,
.fixed-header .site-logo-image{
	width: 135px;
}

.content{
	margin-top: 0;
}

.main{
	padding: 0;
	border: 0;
}

.article{
	margin-top: 30px;
}

/* 固定ページ: 日付表示なし */
.type-page .date-tags{
	display: none;
}

.entry-title{
	padding: 16px 20px;
	border-radius: 4px;
	background: #285C9A;
	color: #FFF;
	font-size: 2.8rem;
}
.type-page h1.entry-title:first-of-type{
	display: none;
}

.sidebar h3{
	margin-bottom: 0.5em;
	padding: 6px 12px;
	background-color: transparent;
	border-bottom: 2px solid #285C9A;
	border-radius: 0;
	color: #4C4C4C;
}

.widget-sidebar ul{
	font-size: 1.6rem;
}

#footer{
	background: #D9D9D9;
}
.footer{
	margin-top: 0;
	padding: 30px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	body{
		overflow-x: hidden;
	}
	
	.header-in{
		padding-left: 80px;
	}
	
	main.main{
		padding: 0;
	}
	
	.main .article{
		padding: 0 4vw;
	}
	
	.under-entry-content{
		margin: 0 auto;
		width: 92vw;
	}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .entry-title{
  	padding: 10px 12px;
  	font-size: 2.2rem;
  }
}