@charset "UTF-8";

/* --------------------------------------------------
	[はっぴぃーとNEWS]
-------------------------------------------------- */

/* top_news ---------------------------- */
@media screen and (min-width: 741px), print {
	.topic_path li {
		vertical-align: middle;
	}
	.top_news {
		background: url(../../images/news_bg.jpg) center top;
	}
	.top_news__inside {
		width: 860px;
		margin: 0 auto;
		padding: 65px 0;
	}
	.top_news__title {
		margin-bottom: 1em;
		font-size: 200%;
		text-align: center;
		color: #EE7B32;
	}
	.top_news__list {
		display: flex;
		flex-wrap: wrap;
	}
	.top_news__list li {
		width: 215px;
		margin-bottom: 30px;
	}
	.top_news__list li > * {
		width: 160px;
		margin-left: auto;
		margin-right: auto;
	}
	.top_news__list li .category {
		position: relative;
		margin-bottom: 20px;
		padding: 0.75em 1em 0.5em;
		border-radius: 6px;
		background: #FFDDD6;
		text-align: center;
		color: #FF7B5D;
	}
	.top_news__list li .category:after {
		content: "";
		position: absolute;
		display: inline-block;
		bottom: -10px;
		left: calc(50% - 7px);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 7px 0 7px;
		border-color: #ffddd6 transparent transparent transparent;
}
	.top_news__list li a {
		position: relative;
		display: block;
		height: 235px;
		padding: 15px;
		background: #fff;
		text-decoration: none;
	}
	.top_news__list li a .mark {
		position: absolute;
		top: 0;
		left: 0;
		width: 3.6em;
		height: 3.6em;
		background: #ff7b5d;
		line-height: 3.6em;
		text-align: center;
		color: #fff;
	}
	.top_news__list li a .border {
		border: solid 1px #ddd;
	}
	.top_news__list li a span {
		display: block;
		line-height: 1.5;
		color: #666;
	}
	.top_news__list .date {
		position: relative;
		margin: 0.75em 0 0.25em;
		color: #EE7B32;
	}
	.top_news__list li a .new {
		position: absolute;
		display: inline-block;
		top: 0;
		right: 0;
		width: 40px;
		height: 18px;
		background: #ff7b5d;
		line-height: 19px;
		text-align: center;
		font-size: 70%;
		color: #fff;
	}
	.top_news__list li a.link_hidden {
		display: none;
	}
}

@media screen and (max-width: 740px) {
	.top_news {
		background: url(../../images/news_bg.jpg) center top;
	}
	.top_news__inside {
		width: 80%;
		max-width: 400px;
		margin: 0 auto 12vw;
		padding: 8% 0;
	}
	.top_news__title {
		margin-bottom: 0.5em;
		font-size: 200%;
		text-align: center;
		color: #EE7B32;
	}
	.top_news__list li {
		margin-bottom: 3em;
	}
	.top_news__list li:first-child {
		margin-top: 2em;
	}
	.top_news__list li > * {
		box-sizing: border-box;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.top_news__list li .category {
		position: relative;
		margin-bottom: 20px;
		padding: 0.75em 1em 0.5em;
		border-radius: 6px;
		background: #FFDDD6;
		text-align: center;
		color: #FF7B5D;
	}
	.top_news__list li .category:after {
		content: "";
		position: absolute;
		display: inline-block;
		bottom: -10px;
		left: calc(50% - 7px);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 7px 0 7px;
		border-color: #ffddd6 transparent transparent transparent;
}
	.top_news__list li a {
		position: relative;
		display: block;
		height: auto;
		padding: 15px;
		background: #fff;
		text-align: center;
		text-decoration: none;
	}
	.top_news__list li a .mark {
		position: absolute;
		top: 0;
		left: 0;
		width: 3.6em;
		height: 3.6em;
		background: #ff7b5d;
		line-height: 3.6em;
		text-align: center;
		color: #fff;
	}
	.top_news__list a img {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	.top_news__list li a .border {
		border: solid 1px #ddd;
	}
	.top_news__list li a span {
		display: block;
		min-height: 1.5em;
		line-height: 1.5;
		text-align: left;
		color: #666;
	}
	.top_news__list .date {
		position: relative;
		margin: 0.75em 0 0.25em;
		line-height: 2;
		color: #EE7B32;
	}
/*
	.top_news__list .title {
		height: calc((1em * 1.5) * 3);
	}
*/
	.top_news__list li a .new {
		position: absolute;
		display: inline-block;
		top: 0;
		right: 0;
		width: 40px;
		height: 20px;
		background: #ff7b5d;
		line-height: 20px;
		text-align: center;
		font-size: 70%;
		color: #fff;
	}
	.top_news__list li a.link_hidden {
		display: none;
	}
}


/* style components
---------------------------------------- */
.mt2em { margin-top: 2em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.tc { text-align: center; }
.fig_cap {
	margin-top: 1em;
	font-size: 90%;
}

@media screen and (min-width: 741px), print {
	.col2 .col_1_2 { width: 465px; }
	.mt5em { margin-top: 5em; }
}

@media screen and (max-width: 740px) {
	.col_1_2 + .col_1_2 { margin-top: 2em; }
	.mt5em { margin-top: 3em; }
}

.news_image.col3 {
	display: flex;
	flex-wrap: wrap;
}
.news_image.col3 > * {
	width: 32%;
}
.news_image.col3 > *:nth-child(3n-1) {
	margin-left: 2%;
	margin-right: 2%;
}
.news_image + .news_image,
.news_text + .col3 {
	margin-top: 2em;
}

/* layout
---------------------------------------- */
/* MENU */
.news_menu {
	padding: 1.25em 1.5em 1em;
	border-radius: 5px;
	background: rgba(238, 123, 50, 0.1);
}
.news_menu_ttl {
	margin-bottom: 0.5em;
	padding: 0 0.25em 0.25em;
	border-bottom: solid 1px #ee7b32;
	font-size: 107.14%;
	font-weight: bold;
	color: #ee7b32;
}
.news_dl01 {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0.25em;
}
.news_dl01 dt {
	flex: 1 1 5.5em;
	margin-top: 0.25em;
	margin-right: 0.5em;
	color: #ee7b32;
}
.news_dl01 dt:after {
	content: "：";
	float: right;
	display: inline-block;
}
.news_dl01 dd {
	flex: 1 1 calc(100% - 6em);
	margin-top: 0.25em;
}
.news_image .img_caption {
	min-height: calc(80px + 2em);
	padding: 1em 1em 1em 1.5em;
	background: rgba(238, 123, 50, 0.1);
	line-height: 1.6;
	font-size: 114.2%;
}
.news_image .img_caption dt {
	margin-bottom: 0.5em;
	text-indent: -1em;
	font-weight: bold;
}
.news_image figure figcaption {
	margin-top: 0.5em;
	text-align: center;
}
.news_subttl {
	font-size: 1.2em;
	font-weight: bold;
	color: #ee7b32;
}

/* Button */
body.news_detail .link_home {
	display: none;
}

/* Related Links */
.relatedl_inkes dt {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: dotted 1px #ccc;
}

/* Text Link */
.textlink a {
	position: relative;
	display: inline-block;
	margin-top: 0.25em;
	padding-left: 20px;
	text-decoration: none;
	color: #333;
}
.textlink a:before {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	top: 2px;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #ee7b32;
}
.textlink a:after {
	content: "";
	position: absolute;
	display: inline-block;
	left: 5px;
	top: 7px;
	width: 3px;
	height: 3px;
	border: solid #fff;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}



/* for PC
---------------------------------------- */
@media screen and (min-width: 741px), print {
	.page_title {
		display: inline-block;
		margin-bottom: 45px;
		padding-bottom: 15px;
		background: url(../images/title_bg.png) center bottom no-repeat;
		font-size: 135%;
		letter-spacing: 0.1em;
	}
	.link_index {
		margin-top: 70px;
		text-align: center;
	}
	.link_index a {
		display: inline-block;
		width: 270px;
		padding: 15px 0;
		border: solid 1px #d9d9d9;
		text-decoration: none;
		letter-spacing: 0.2em;
		color: #ee7b32;
	}
	.news_date {
		margin: 20px 0 10px;
		font-size: 142.8%;
		letter-spacing: 0.1em;
		color: #4d4d4d;
	}
	.news_title {
		margin-bottom: 1em;
		font-size: 264.28%;
		letter-spacing: 0.1em;
		color: #ee7b32;
	}
	.news_title small {
		font-size: 80%;
	}
	.news_title.txt_kakko {
		padding-left: 0.5em;
		text-indent: -1.05em;
	}
	.news_title span.txt_kakko {
		display: inline-block;
		padding-left: 0.5em;
		text-indent: -1.05em;
	}
	.news_outline {
		margin-bottom: 3em;
		padding-bottom: 1em;
		border-bottom: solid 1px #E2E2E2;
	}
	.news_outline > * {
		display: inline-block;
		vertical-align: top;
		margin: 1em 1em 0 0;
	}
	.news_outline dt {
		padding: 0.35em 1em 0.2em;
		background: #EE7B32;
		color: #fff;
	}
	.news_outline dd {
		margin-right: 3em;
		padding: 0.35em 0 0.2em;
	}
	.news_outline dd .txt_kakko {
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
	}
	.news_text {
		margin-top: 1em;
		margin-bottom: 1em;
		font-size: 114.2%;
		line-height: 2;
	}
	.news_image + .news_text {
		margin-top: 1.5em;
	}
	.news_image_row {
		display: flex;
	}
	.news_image_row > * {
		display: block;
		width: 32%;
		margin-top: 1em;
	}
	.news_image_row > *:nth-child(3n -1) {
		margin-right: 2%;
		margin-left: 2%;
	}
	.news_voice_ttl {
		min-height: 36px;
		line-height: 36px;
		margin-top: 70px;
		padding-bottom: 10px;
		padding-left: 65px;
		border-bottom: solid 1px #E2E2E2;
		background: url(../../news/images/voice_icon.png) left calc(100% - 10px) no-repeat;
		font-size: 135.71%;
		letter-spacing: 0.1em;
	}
	.news_voice dt {
		margin: 2em 0 0.5em;
		font-size: 131.25%;
		color: #EE7B32;
	}
	.news_voice.bullet dd {
		margin-bottom: 1em;
		padding-left: 1.25em;
		text-indent: -1.25em;
	}
	.news_voice.bullet dd:before {
		content: "●";
		padding-right: 0.25em;
		color: #EE7B32;
	}
	sup.news_font_s {
		vertical-align: super;
		font-size: smaller;
	}
}


/* for SP
---------------------------------------- */
@media screen and (max-width: 740px) {
	.page_title {
		margin-bottom: 1em;
		padding-bottom: 15px;
		background: url(../images/title_bg_m.png) center bottom no-repeat;
		text-align: center;
		font-size: 140%;
	}
	.link_index {
		margin-top: 3em;
		text-align: center;
	}
	.link_index a {
		display: inline-block;
		width: 70%;
		padding: 0.75em 0 0.5em;
		border: solid 1px #d9d9d9;
		text-decoration: none;
		color: #ee7b32;
	}
	.news_date {
		margin: 1.5em 0 0.5em;
		font-size: 128.57%;
		color: #4d4d4d;
	}
	.news_title {
		margin-bottom: 0.75em;
		font-size: 180%;
		color: #ee7b32;
	}
	.news_title small {
		font-size: 80%;
	}
	.news_title.txt_kakko {
		padding-left: 0.5em;
		text-indent: -1.05em;
	}
	.news_title span.txt_kakko {
		display: inline-block;
		padding-left: 0.5em;
		text-indent: -1.05em;
	}
	.news_outline {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 2em;
		padding-bottom: 0.5em;
		border-bottom: solid 1px #E2E2E2;
	}
	.news_outline dt {
		box-sizing: border-box;
		width: 25%;
		margin-bottom: 0.25em;
		padding: 0.25em 0.5em 0.15em;
		background: #EE7B32;
		text-align: center;
		color: #fff;
	}
	.news_outline dd {
		box-sizing: border-box;
		width: 75%;
		margin-bottom: 0.25em;
		padding: 0.25em 0 0.25em 0.75em;
		text-align: left;
	}
	.news_outline dd .txt_kakko {
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
	}
/*
	.news_outline {
		margin-bottom: 2em;
		padding-bottom: 0.5em;
		border-bottom: solid 1px #E2E2E2;
	}
	.news_outline dt {
		float: left;
		width: 4em;
		padding: 0.25em 0.5em 0.15em;
		background: #EE7B32;
		text-align: center;
		color: #fff;
	}
	.news_outline dd {
		margin-bottom: 0.5em;
		padding: 0.25em 0 0.15em 6em;
	}
	.news_outline dd .txt_kakko {
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
	}
*/
	.news_image > div {
		margin-bottom: 1em;
	}
	.news_image_row > * {
		display: block;
		margin-top: 0.5em;
	}
	.news_text {
		margin-top: 1em;
		margin-bottom: 1em;
		font-size: 114.2%;
		line-height: 2;
	}
	.news_image + .news_text {
		margin-top: 1.5em;
	}
	.news_voice_ttl {
		min-height: 30px;
		line-height: 30px;
		margin-top: 2em;
		padding-bottom: 10px;
		padding-left: 55px;
		border-bottom: solid 1px #E2E2E2;
		background: url(../../news/images/voice_icon.png) left calc(100% - 10px) no-repeat;
		background-size: auto 30px;
		font-size: 135.71%;
		letter-spacing: 0.05em;
	}
	.news_voice dt {
		margin: 2em 0 0.5em;
		line-height: 1.8;
		font-size: 120%;
		color: #EE7B32;
	}
	.news_voice dt:first-child {
		margin-top: 1em;
	}
	.news_voice.bullet dd {
		margin-bottom: 1em;
		padding-left: 1.25em;
		text-indent: -1.25em;
	}
	.news_voice.bullet dd:before {
		content: "●";
		padding-right: 0.25em;
		color: #EE7B32;
	}
	.news_link {
		margin-top: 2em;
	}
	.news_link a {
		position: relative;
		display: inline-block;
		padding-left: 1.5em;
		color: #333;
	}
	.news_link a:before {
		content: "";
		position: absolute;
		display: inline-block;
		vertical-align: middle;
		left: 0;
		top: 0.2em;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		background: #EE7B32;
	}
	.news_link a:after {
		content: "";
		position: absolute;
		display: inline-block;
		left: 0.3em;
		top: 0.5em;
		width: 0.3em;
		height: 0.3em;
		border: solid #fff;
		border-width: 1px 1px 0 0;
		transform: rotate(45deg) translate(-0%,-0%);
	}
	sup.news_font_s {
		vertical-align: super;
		font-size: smaller;
	}
}



/* --------------------------------------------------
	2019年度リニューアル
-------------------------------------------------- */

/* news_catlist ------------------------ */
.news_catlist li a {
	display: block;
	padding: 0.35em 0 0.25em;
	border: solid 1px #ff7b5d;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #ff7b5d;
}
.news_catlist.current_all .cat_all a,
.news_catlist.current_cat01 .cat01 a,
.news_catlist.current_cat02 .cat02 a,
.news_catlist.current_cat03 .cat03 a,
.news_catlist.current_cat04 .cat04 a,
.news_catlist.current_cat05 .cat05 a,
.news_catlist.current_cat06 .cat06 a,
.news_catlist.current_cat07 .cat07 a,
.news_catlist.current_cat08 .cat08 a,
.news_catlist.current_cat09 .cat09 a,
.news_catlist.current_cat10 .cat10 a {
	background: #ff7b5d;
	color: #fff;
}

@media screen and (min-width: 741px), print {
	.news_catlist {
		width: 820px;
		margin: 0 auto;
	}
	.news_catlist li {
		float: left;
		width: 23.5%;
		margin: 0 2% 2% 0;
	}
	.news_catlist li:nth-child(4n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 740px) {
	.news_catlist {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto 1em;
	}
	.news_catlist li {
		width: 49%;
		margin: 0 2% 2% 0
	}
	.news_catlist li:nth-child(even) {
		margin-right: 0;
	}
}


/* entry_body -------------------------- */
.entry_body:after {
	content: "";
	display: block;
	clear: both;
}
.entry_body p {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 114.2%;
	line-height:1.8;
}
.entry_body hr {
	clear: both;
	margin: 0 0 2em;
	padding: 1.5em 0 0;
	border: none;
	border-bottom: solid 1px #E2E2E2;
	outline: none;
}
.entry_body img {
	max-width: 100%;
	height: auto;
}