
/*ヘッダーキャッチフレーズ*/
.header-text {
width: 100%;
font-size: 75%;
	text-align: center;
color: #ffffff;
background-color: #318929;
}
.header-text-inner {
width:auto;
}

/************************************
** ■Table（表）背景色の設定
************************************/
table th {
  background-color: transparent;
}
table tr:nth-of-type(2n+1) {
  background-color: transparent;
}
table th,
table td {
  border: none;
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/*グローバルメニュー文字ボルドー*/
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
}
/*ヘッダーロゴ横エリア*/
/*-- Clearfix --*/
.clearfix::after { clear: both; content: ''; display: block; }

/*-- コンテナ --*/
.container { min-width: 16rem; max-width: 120rem; margin: 0 auto; }

/*-- ヘッダー --*/
.container-header { margin-bottom: .5rem; }

/*- - メイン(可変) --*/
.container-body { float: left; width: 100%; margin-right: -20rem; }
.container-body-inner { margin-right: 22rem; }

/*-- サイド(固定) --*/
.container-sidebar { float: left; width: 20rem; position: relative; }

/*-- Small devices --*/
@media (max-width: 767px) {

    .container-body { float: none; margin-right: 0; margin-bottom: 1rem; }
    .container-body-inner { margin-right: 0; }

    .container-sidebar { float: none; width: 100%; }

}

.content{
	margin-top: 0;
}
/* 基本的な設定 */
logo-image {
	padding: 0;
}
.logo-image * {
	display: block;
	margin: auto;
}
/* ヘッダー広告表示対応 */
.header-ad {
  margin: 0 0 20px;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

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

	.header-ad {
		margin: 0 10px 20px;
		max-width: calc(100% - 20px);
    margin: 0;
	line-height: 13px
	}	

}

/* 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 {
		margin: 0 10px 0 0;
		max-width: calc(100% - 280px);
	}

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

}

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

	.header-ad {
		margin: 0;
		max-width: 728px;
	}

}
