@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : news_detail.css
 author     : Ability Consultant
 style info : お知らせ詳細
=================================================================== */
.wrap_news .inner {
	max-width: 1100px;
	margin: auto;
	width: 90%;
}

/* -----------------------------------------------------------
	wrap_news
----------------------------------------------------------- */
.wrap_news {
	background: url(../images/common/bg_pattern2.png) repeat top left;
	padding: 50px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.wrap_news {
		padding: 40px 0;
	}
}

@media only screen and (max-width: 767px) {
	.wrap_news {
		padding: 2em 0;
	}
}

.wrap_news .inner {
	overflow: hidden;
}

/* -----------------------------------------------------------
	con_news
----------------------------------------------------------- */
.con_news {
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.con_news {
		width: 67.27273%;
		float: left;
	}
}

@media print {
	.con_news {
		width: 67.27273%;
		float: left;
	}
}

.con_news .box_st {
	text-align: left;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	padding-bottom: 1em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_st {
		padding-bottom: 0.5em;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_st {
		padding-bottom: 0.5em;
	}
}

.con_news .box_st:after {
	content: '';
	width: 50px;
	height: 1px;
	background: #2b677b;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	-webkit-transition: width 600ms;
	-moz-transition: width 600ms;
	-o-transition: width 600ms;
	transition: width 600ms;
}

.con_news .box_st .info span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-size: 124%;
	color: #7d7d7d;
	line-height: 1;
}

@media only screen and (max-width: 1099px) {
	.con_news .box_st .info span {
		font-size: 116%;
	}
}

.con_news .box_st .info em {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-size: 124%;
	color: #14576d;
	line-height: 1;
	padding: .2em .5em 0;
	border: 1px solid #14576d;
	margin-left: 1em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_st .info em {
		font-size: 116%;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_st .info em {
		font-size: 100%;
		vertical-align: -.1em;
	}
}

.con_news .box_st .st {
	font-size: 170%;
	font-family: "游明朝 Demibold", "My Yu Mincho Demibold", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-top: .3em;
	line-height: 1.4;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_st .st {
		font-size: 147%;
		line-height: 1.4;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_st .st {
		font-size: 131%;
		line-height: 1.4;
	}
}

.con_news .box_news {
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_news {
		padding-bottom: 35px;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_news {
		padding-bottom: 1.5em;
	}
}

.con_news .box_news .wrp_new {
	margin-top: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_news .wrp_new {
		margin-top: 25px;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_news .wrp_new {
		margin-top: 1em;
	}
}

.con_news .box_news .wrp_new .caption {
	display: block;
	text-align: left;
	margin-top: .5em;
	font-size: 116%;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_news .wrp_new .caption {
		font-size: 108%;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_news .wrp_new .caption {
		font-size: 93%;
	}
}

.con_news .box_news .layout_img2 {
	letter-spacing: -.5em;
}

.con_news .box_news .layout_img2 > div {
	letter-spacing: normal;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 48.24324%;
}

.con_news .box_news .layout_img2 > div:nth-child(2) {
	margin-left: 3.37838%;
}

.con_news .box_news .layout_txt1 {
	font-size: 124%;
	text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_news .layout_txt1 {
		font-size: 116%;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_news .layout_txt1 {
		font-size: 108%;
	}
}

.con_news .box_pager {
	text-align: center;
	margin-top: 35px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	position: relative;
	padding: 0 1em;
	margin-bottom: 1em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_news .box_pager {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.con_news .box_pager {
		margin-top: 1em;
	}
}

.con_news .box_pager li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
}

.con_news .box_pager li:first-child {
	margin-left: 0;
}

.con_news .box_pager li a {
	display: block;
	text-decoration: none;
	font-size: 124%;
	color: #093e4f;
	line-height: 1;
	border: 1px solid #093e4f;
	padding: .3em .5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background 400ms, color 400ms;
	-moz-transition: background 400ms, color 400ms;
	-o-transition: background 400ms, color 400ms;
	transition: background 400ms, color 400ms;
}

@media only screen and (max-width: 767px) {
	.con_news .box_pager li a {
		padding: .8em .5em;
		font-size: 108%;
	}
}

.con_news .box_pager li a:hover {
	background: #093e4f;
	color: #FFF;
}

.con_news .box_pager li.prev, .con_news .box_pager li.next {
	position: absolute;
	top: 0;
	white-space: nowrap;
	line-height: 1;
}

.con_news .box_pager li.prev a i, .con_news .box_pager li.next a i {
	color: #309bae;
}

.con_news .box_pager li.prev {
	right: 100%;
}

.con_news .box_pager li.prev a:before, .con_news .box_pager li.prev a:after {
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: baseline;
}

.con_news .box_pager li.prev a:before {
	content: "";
	margin-right: .5em;
	color: #309bae;
}

.con_news .box_pager li.next {
	left: 100%;
}

.con_news .box_pager li.next a:before, .con_news .box_pager li.next a:after {
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: baseline;
}

.con_news .box_pager li.next a:after {
	content: "";
	margin-left: .5em;
	color: #309bae;
}

/* -----------------------------------------------------------
	con_side
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	.con_side {
		width: 23.27273%;
		float: right;
	}
}

@media print {
	.con_side {
		width: 23.27273%;
		float: right;
	}
}

@media only screen and (max-width: 767px) {
	.con_side {
		margin-top: 3em;
	}
}

.con_side .box_side {
	margin-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_side .box_side {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.con_side .box_side {
		margin-top: 2em;
	}
}

.con_side .box_side:first-child {
	margin-top: 0;
}

.con_side .st {
	text-align: center;
	margin-bottom: 1.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_side .st {
		margin-bottom: 0.8em;
	}
}

@media only screen and (max-width: 767px) {
	.con_side .st {
		margin-bottom: 0.5em;
	}
}

.con_side .st span {
	display: block;
	font-size: 339%;
	color: #424242;
	text-transform: uppercase;
	font-family: "Cormorant Garamond", serif;
	line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_side .st span {
		font-size: 231%;
	}
}

@media only screen and (max-width: 767px) {
	.con_side .st span {
		font-size: 216%;
	}
}

.con_side .st em {
	font-size: 116%;
	font-weight: bold;
	letter-spacing: .1em;
	color: #7d7d7d;
	display: block;
	margin-top: .5em;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_side .st em {
		margin-top: .2em;
		font-size: 108%;
	}
}

@media only screen and (max-width: 767px) {
	.con_side .st em {
		margin-top: 0;
		font-size: 124%;
	}
}

.con_side .wrp_cat li {
	margin-bottom: 9px;
}

.con_side .wrp_cat li a {
	display: block;
	text-decoration: none;
	color: #093e4f;
	font-size: 124%;
	text-align: center;
	padding: .8em;
	line-height: 1;
	background: #FFF;
	border: 1px solid #093e4f;
	font-weight: bold;
	-webkit-transition: background 400ms, color 400ms;
	-moz-transition: background 400ms, color 400ms;
	-o-transition: background 400ms, color 400ms;
	transition: background 400ms, color 400ms;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_side .wrp_cat li a {
		font-size: 108%;
	}
}

@media only screen and (max-width: 767px) {
	.con_side .wrp_cat li a {
		font-size: 100%;
	}
}

.con_side .wrp_cat li a span {
	padding-left: .5em;
}

.con_side .wrp_cat li:hover a, .con_side .wrp_cat li.active a {
	background: #093e4f;
	color: #FFF;
}

.con_side .wrp_arc {
	border: 1px solid #b8c8d1;
	border-top: none;
	background: #FFF;
}

.con_side .wrp_arc .sst {
	color: #093e4f;
	font-size: 170%;
	font-family: "Cormorant Infant", serif;
	padding: .5em 1em;
	line-height: 1;
	text-align: left;
	cursor: pointer;
	position: relative;
	border-top: 1px solid #b8c8d1;
	-webkit-transition: background 400ms;
	-moz-transition: background 400ms;
	-o-transition: background 400ms;
	transition: background 400ms;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_side .wrp_arc .sst {
		font-size: 147%;
	}
}

.con_side .wrp_arc .sst:before, .con_side .wrp_arc .sst:after {
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: baseline;
}

.con_side .wrp_arc .sst:after {
	content: "";
	margin-left: .5em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1em;
	font-size: 73%;
	color: #309bae;
}

.con_side .wrp_arc .sst.active {
	background: #eef3f6;
}

.con_side .wrp_arc .sst.active:before, .con_side .wrp_arc .sst.active:after {
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: baseline;
}

.con_side .wrp_arc .sst.active:after {
	content: "";
	margin-left: .5em;
}

.con_side .wrp_arc .sst:hover {
	background: #eef3f6;
}

.con_side .wrp_arc ul {
	background: #fff;
	padding: 1em 2em;
	display: none;
}

.con_side .wrp_arc ul li {
	position: relative;
	padding-left: 1.5em;
	margin-top: .5em;
}

.con_side .wrp_arc ul li:first-child {
	margin-top: 0;
}

.con_side .wrp_arc ul li:before, .con_side .wrp_arc ul li:after {
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: baseline;
}

.con_side .wrp_arc ul li:before {
	content: "";
	margin-right: .5em;
	position: absolute;
	top: .1em;
	left: 0;
	color: #55adbc;
	line-height: 1;
	font-size: 131%;
}

.con_side .wrp_arc ul li a {
	display: block;
	text-decoration: none;
	font-size: 124%;
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.con_side .wrp_arc ul li a {
		font-size: 108%;
	}
}

.con_side .wrp_arc ul li a:hover {
	text-decoration: underline;
}

.con_side .wrp_arc ul li a span {
	padding-left: .5em;
}

/*# sourceMappingURL=../maps/news_detail.css.map */