@charset "UTF-8";

/* ==================== PC用（幅769px以上）　サブページ設定 ==================== */
/* ************サブページヘッダ************ */

div#head_container-sub {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 100px;
}
div#head_container-sub img {
	position: absolute;
	left: 0;
	width: 900px;
	height: 100px;
}

/*ロゴ周り設定*/
div#head_container-sub h1#logo {
	position: absolute;
	top: 22px;
	left: 5px;
	width: 200px;
	height: 180px;
	font-size: 0;
}
div#head_container-sub h1#logo a {
	display: block;
	width: 200px;
	height: 180px;
}
div#head_container-sub h1#logo a:hover { background-color:  rgba(255,255,255,0.1) }
div#head_container-sub h1#logo a span.clear { display: none; }

/* pro */

div#head_container-subpro {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 100px;
}
div#head_container-subpro img {
	position: absolute;
	left: 0;
	width: 900px;
	height: 100px;
}

/*ロゴ周り設定*/
div#head_container-subpro h1#logo {
	position: absolute;
	top: 22px;
	left: 5px;
	width: 200px;
	height: 180px;
	font-size: 0;
}
div#head_container-subpro h1#logo a {
	display: block;
	width: 200px;
	height: 180px;
}
div#head_container-subpro h1#logo a:hover { background-color:  rgba(255,255,255,0.1) }
div#head_container-subpro h1#logo a span.clear { display: none; }

/* ************メインコンテンツ************ */
div#content_area div#content_wrap {
	margin: 0 auto;
	width: 100%;
}


/*コンテンツ　カードスタイル設定*/
div#content_area div#content_wrap div.content_card { margin-top: 20px; }

/*h2　ページタイトル設定*/
h2.title-top {
	padding: 8px 0;
	width: 100%;
	font-family: 'NotoSansCJK Sub';
	font-weight: 700;
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	text-align: center;
	color: #0067b0;
	border-bottom: 4px solid #0067b0;
}

/*
div.content_box {
	padding: 12px 20px;
	max-height: 350px;
	font-size: 1.4rem;
	line-height: 2.8rem;
	border-bottom: 1px solid #0067b0;
}
*/

/*フリーボックス内設定*/
div.caption {
	padding-left: 15px;
	font-size: 1.1rem;
	line-height: 1.6rem;
	min-width: 0;
	flex: 2;
	flex-shrink: 0;
}



/*チラシダウンロード設定*/
/*アコーディオンスタイル*/
.accordion-container .accordion-title {
  position: relative;
  margin-top: 15px;
  padding: 4px 0;
	font-family: 'NotoSansCJK Sub';
  font-size: 1.2rem;
  font-weight: 300;
	text-align: center;
  color: #0067b0;
	background-color: #e3eef7;
	border: 1px solid #0067b0;
  cursor: pointer;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
	color: #fff;
  background-color: #0067b0;
}
.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 20px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #ccc;
}
.accordion-container .accordion-title.open::after {
  content: "";
  position: absolute;
  top: 6px;
  border: 8px solid transparent;
  border-bottom-color: #ccc;
}

.accordion-content {
  padding: 6px;
/*  border: 1px solid #0079c1;*/
}
.accordion-container {
	width: 100%;
  margin: 0 auto;
}

/*チラシ枠*/
div.flier_subcategory {
	padding: 3px 6px;
	font-family: 'NotoSansCJK Sub';
  font-size: 1.1rem;
  font-weight: 500;
	color: #0079c1;
	border-bottom: 2px solid #0067b0;
}

div.flier_wrap {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-bottom: 15px;
	padding: 4px 6px;
	border-bottom: 1px solid #ddd;
}

div.flier_wrap div {
	display:flex;
	justify-content: center;
	width: 25%;
	max-width: 25%;
	min-width: 0;
	height: auto;
}

a.flier_box {
	display: flex;
  flex-wrap: wrap;
	flex-flow: column;
	align-items: center;
	margin: 5px;
	padding: 8px;
	width: 100%;
	text-align: center;
	background-color: #eee;
}

a.flier_box:hover {
	background-color: #e3eef7;
	text-decoration: none;
}

a.flier_box img {
	width: 100px;
	height: auto;
}

a.flier_box p {
	padding-top: 3px;
	font-size: 0.9rem;
}