@charset "utf-8";
/* CSS Document */

/******************************************************************

	お知らせ

******************************************************************/

.contents_wrapper .contents_box.flex_wrapper {
	flex-flow: row-reverse;
}
.contents_wrapper .contents_box.flex_wrapper .content_block {
	width: calc(100% - 320px);
	min-height: 0%;
}
.contents_wrapper .contents_box.flex_wrapper .content_block.category_wrapper {
	width: 280px;
}
.contents_wrapper .contents_box.flex_wrapper .content_block:only-child {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.content_block.category_wrapper .border_block {
    padding: 0;
}
.category_wrapper .border_block + .border_block {
	margin-top: 24px;
}
.category_wrapper ul,
.category_wrapper ul li,
.category_wrapper ul li a,
.category_wrapper ul li p {
	width: 100%;
}
.category_wrapper ul {
	display: flex;
	flex-flow: column;
    align-items: flex-start;
	justify-content: center;
}
.category_wrapper ul li {
	height: 100%;
}
.category_wrapper ul li + li {
	border-top: #CCC dotted 1px;
}
.category_wrapper ul li a {
	display: block;
	padding: .5rem .5rem .5rem 2.75rem;
	text-indent: -1.5rem;
	/*-webkit-transition: .175s ease-in-out;
    transition: .175s ease-in-out;*/
}
.category_wrapper ul li a:before {
    content: "\f105";
	display: inline-block;
	font-family: 'FontAwesome';
    font-size: 1.4rem;
	padding-left: 1.5rem;
}
.category_wrapper ul li a:hover {
	background: #EDEDED;
}
.category_wrapper ul li.now a,
.category_wrapper ul li.now a:hover {
	background: #006400;
	color: #FFFFFB;
    font-weight: bold;
}

/* ==================================================

	記事一覧

================================================== */

.contents_list {
	max-width: 1120px;
}
.contents_list li {
	width: calc(50% - 2rem);
    margin: 0 1rem;
}
.contents_list li:nth-child(n+3) {
	margin-top: 2.5rem;
}
.contents_list_title {
	display: flex;
	flex-flow: column;
}
.contents_list li a .contents_list_img + .contents_list_title {
    padding-left: 0;
}

/* ==================================================

	記事詳細

================================================== */

.content_block .blog_article,
.content_block .blog_article .article_top_contents,
.content_block .blog_article .article_top_contents .article_top_flex,
.content_block .blog_article .article_title,
.content_block .blog_article .article_note,
.content_block .blog_article .article_note > div {
	width: 100%;
}
.content_block .blog_article {
	background: #FFFFFB;
	border: #CCC solid 1px;
	padding: 24px 20px 32px;
}
.content_block:only-child .blog_article {
    padding: 1.5rem 1rem 2.5rem;
}
.content_block .blog_article + .blog_article {
	margin: 36px 0 0 0;
}
.content_block .blog_article > div {
	max-width: 920px;
}

/* 記事見出し（記事内上部） */
.content_block .blog_article .article_top_contents {
	border-bottom: #CCC solid 1.25px;
	padding: 0 1.15rem .75rem;
	margin-bottom: 1.75rem;
}
.content_block .blog_article .article_top_contents .article_top_flex {
	display: flex;
}
.content_block .blog_article .article_date {
}
.content_block .blog_article .article_date p {
    font-size: .9rem;
	font-weight: normal;
}
.content_block .blog_article .article_category {
}
.content_block .blog_article .article_date + .article_category {
	padding: 0 0 0 1rem;
}
.content_block .blog_article .article_category a {
	display: block;
	width: 100%;
	padding: 0 .5rem;
}
.content_block .blog_article .article_category p {
    font-size: .9rem;
}
.content_block .blog_article .article_category p i {
    font-size: 1rem;
	padding: 0 .5rem 0 0;
}
.content_block .blog_article .article_category a:hover p {
	opacity: .5;
}
.content_block .blog_article .article_title {
	margin: .5rem 0 0;
}
.content_block .blog_article .article_title p {
	font-size: 1.25rem;
}

/* 記事内容 */
.content_block .blog_article .article_note {
	padding: 0 1.15rem;
}
.content_block .blog_article .article_note > div + div {
	margin-top: 1rem;
}
.content_block .blog_article .article_note .article_text p {
	line-height: 2.75rem;
}
.content_block .blog_article .article_note .article_text p a,
.content_block .blog_article .article_note .article_word p a,
.content_block .blog_article .article_note .article_excel p a,
.content_block .blog_article .article_note .article_pdf p a {
	font-weight: bold;
	text-decoration: underline;
}
.content_block .blog_article .article_note .article_text p a:hover,
.content_block .blog_article .article_note .article_word p a:hover,
.content_block .blog_article .article_note .article_excel p a:hover,
.content_block .blog_article .article_note .article_pdf p a:hover {
	text-decoration: none;
	opacity: .5;
}

.content_block .blog_article .article_note .article_text p a.article_photo {
	max-width: 640px;
}
.content_block .blog_article .article_note .article_text p a.article_photo,
.content_block .blog_article .article_note .article_text p a.article_photo img {
	width: 100%;
}
.content_block .blog_article .article_note .article_text p a.article_photo {
	display: block;
	font-weight: normal;
	text-decoration: none;
	background: #FFFFFB;
	border: #CCC solid 1px;
	margin: 1rem 0 0;
	padding: 5px;
	transition: all .15s ease-in-out;
}
.content_block .blog_article .article_note .article_text p a.article_photo + a.article_photo {
	margin: 1.25rem 0 0;
}
.content_block .blog_article .article_note .article_text p a.article_photo img {
	vertical-align: middle;
}
.content_block .blog_article .article_note .article_text p a.article_photo:hover {
	border: #FFF solid 1px;
	opacity: .8;
}

.content_block .blog_article .article_note .article_youtube {
    position: relative;
	width: 80%;
	padding-top: 45%;
}
.content_block .blog_article .article_note .article_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.content_block .blog_article .article_note .article_word a:before,
.content_block .blog_article .article_note .article_excel a:before,
.content_block .blog_article .article_note .article_pdf p a:before {
	font-family: 'FontAwesome';
	font-size: 20px;
	font-weight: normal;
	padding-right: 10px;
}

.content_block .blog_article .article_note .article_word a:before {
	content: "\f1c2";
}
.content_block .blog_article .article_note .article_excel a:before {
	content: "\f1c3";
}
.content_block .blog_article .article_note .article_pdf p a:before {
	content: "\f1c1";
}

/*
.content_block .blog_article .article_note .article_pdf p a {
	display: inline-block;
	min-width: 320px;
	background: #FFE261;
	border: #FFE261 solid 1px;
	font-weight: bold;
    padding: .75rem 1.75rem;
	transition: all .15s ease-in-out;
}
.content_block .blog_article .article_note .article_pdf p a:before {
	content: "\f1c1";
	font-family: 'FontAwesome';
	font-size: 1.5rem;
	font-weight: normal;
	padding-right: 1rem;
}
.content_block .blog_article .article_note .article_pdf p a:hover {
	color: #FFF;
	background: #1C2649;
	border: #1C2649 solid 1px;
}
*/



/******************************************************************

	レスポンシブ - お知らせ

******************************************************************/

/* タブレットサイズ（960px以下） */
@media all and (max-width: 960px) {
.contents_wrapper .contents_box.flex_wrapper {
	flex-flow: column;
}
.contents_wrapper .contents_box.flex_wrapper .content_block,
.contents_wrapper .contents_box.flex_wrapper .content_block.category_wrapper {
	width: 100%;
}
.contents_wrapper .contents_box.flex_wrapper .content_block.category_wrapper {
	margin-top: 48px;
}
}

/* スマホサイズ（600px以下） */
@media all and (max-width: 600px) {
.contents_wrapper .contents_box.flex_wrapper .content_block.category_wrapper {
	margin-top: 28px;
}
.content_block .blog_article .article_top_contents {
    padding: 0 0 .75rem;
    margin-bottom: 1rem;
}
.content_block .blog_article .article_top_contents .article_top_flex {
	flex-flow: column;
}
.content_block .blog_article .article_date + .article_category,
.content_block .blog_article .article_category a {
    padding: 0;
}
.content_block .blog_article .article_title {
    margin: .75rem 0 0;
}

.contents_list li {
	width: calc(100% - 1rem);
	margin: 0 1rem 0 0;
}
.contents_list li:nth-child(n+2) {
	margin-top: 1.5rem;
}
.contents_list li .contents_title_img p {
    max-width: 260px;
}
.contents_list li a .contents_list_img + .contents_list_title {
    margin-top: 1.45rem;
}
.contents_list li a .contents_list_title + .contents_list_data {
    margin-top: .75rem;
}

.content_block .blog_article {
    padding: 1.5rem 1rem 2rem;
}

/* 記事見出し */
.content_block .blog_article .article_title p,
.content_block .blog_article .article_note {
	padding: 0;
}
.content_block .blog_article .article_data {
	margin: 0 0 1rem 0;
}
.content_block .blog_article .article_data_title {
    margin-bottom: 1rem;
}
.content_block .blog_article .article_title:before {
    display: none;
}
.content_block .blog_article .article_title p {
    font-size: 1.25rem;
}

/* 記事内容 */
.content_block .blog_article .article_note .article_youtube {
	width: 100%;
	padding-top: 56.25%;
}
}


