/*--------------------------------------------------------------------------------
  reset
--------------------------------------------------------------------------------*/
a:focus {
	overflow: visible;
}

/*--------------------------------------------------------------------------------
  util => clear
--------------------------------------------------------------------------------*/
.clearfix::after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.both{
  clear:both;
}

/*--------------------------------------------------------------------------------
  fvl_column_cate
--------------------------------------------------------------------------------*/
#fvl_column_cate {
	margin: 40px 0;
}
#fvl_column_cate .fvl_accordion > li {
	float: none;
	width: 100%;
    margin-bottom: 2%;
    font-size: 16px;
}
#fvl_column_cate .fvl_accordion > li:first-of-type {
	margin-left: 0;
}
@media(max-width: 640px) {
	#fvl_column_cate .fvl_accordion > li {
		float: none;
		width: 100%;
		margin-left: 0;
	}
}
#fvl_column_cate a {
	color: #ffffff;
}
#fvl_column_cate a:before {
	content: ">";
	padding: 0 0 0 10px;
	margin-right: 10px;
}
#fvl_column_cate a:hover {
	text-decoration: underline;
}
#fvl_column_cate .fvl_accordion p {
	background-color:#045AA3;/*背景色*/
	color: #ffffff;/*文字色*/
	position: relative;
	padding: 10px 0;
}
#fvl_column_cate .fvl_accordion p.fvl_acc_trigger {
	padding: 10px 10px 10px 30px;
	cursor: pointer;
}
#fvl_column_cate .fvl_accordion .next p {
	background-color: #cccccc;/*背景色*/
	color: #313439;/*文字色*/
}
#fvl_column_cate .fvl_accordion .next a{
	color: #313439;
    font-size: 13px;
    text-decoration: none;
}
#fvl_column_cate .fvl_accordion .next .fvl_acc_menu li {
	padding: 7px 0;
}
#fvl_column_cate .fvl_accordion .next .fvl_acc_menu li .number {
	font-size: 12px;
	padding-left: 10px;
}

#fvl_column_cate .fvl_accordion > li p span {
  background: #ffffff;
  border-radius: 6px;
  backface-visibility: hidden;
  height: 2px;
  position: absolute;
  transition: 0.2s ease-in-out;
  width: 12px;
  -webkit-tap-highlight-color: transparent;
  left: 10px;
  top: 49%;
}

#fvl_column_cate .fvl_accordion > li p span:nth-child(2) {
  transform: rotate(90deg);
}

#fvl_column_cate .fvl_accordion > li p.open span:first-child {
  transform: rotate(135deg);
}

#fvl_column_cate .fvl_accordion > li p.open span:nth-child(2) {
  transform: rotate(45deg);
}

#fvl_column_cate .fvl_accordion .fvl_acc_menu {
  display: none;
  background-color: #fff;
}

/*--------------------------------------------------------------------------------
  fvl_column_list
--------------------------------------------------------------------------------*/
#fvl_column_list .fvl_column_box {
	margin-top: 30px;
	padding: 20px 4%;
	background: #fafafa;/*記事の背景色*/
}
#fvl_column_list .fvl_column_box:first-child {
	margin-top: 0px;
}
#fvl_column_list .fvl_column_box .fvl_headline {
	border-bottom: 1px dashed #1e5ca7;/*見出し部の下線*/
	padding: 5px 2px;
	margin-bottom: 15px;
}
#fvl_column_list .fvl_column_box .fvl_headline h3 {
	overflow: hidden;
	font-size: 17px;
	line-height: 1.5;
}
#fvl_column_list .fvl_column_box .fvl_headline h3 a{
    color: #000;
    text-decoration: none;
}
#fvl_column_list .fvl_column_box .fvl_column_inner{
    display: flex;
    flex-direction: column-reverse;
}
.detail #fvl_column_list .fvl_column_box .fvl_column_inner{
    display: block;
}
.detail #fvl_column_list .fvl_column_box .fvl_column_inner time{
    margin-bottom: 10px;
}
.detail #fvl_column_list .fvl_column_box .fvl_column_inner .fvl_column_img{
    margin-bottom: 15px;
}
.detail #fvl_column_list .fvl_column_box .fvl_column_inner .fvl_column_txt p{
    margin-bottom: 15px;
}
#fvl_column_list .fvl_column_box .fvl_column_inner .fvl_column_img {
	width: 85%;
    text-align: center;
	position: relative;
    margin: 20px auto 0;
}
#fvl_column_list .fvl_column_box .fvl_column_inner .fvl_column_img time {
	display: inline-block;
	background: #1e5ca7;/*投稿日時の色*/
	padding: 3px 10px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}
/*SP表示*/
@media(max-width: 640px) {
	#fvl_column_list .fvl_column_box .fvl_headline time {
		float: none;
		margin-bottom: 5px;
	}
	#fvl_column_list .fvl_column_box .fvl_column_inner .fvl_column_img {
		float: none;
		margin: 0px auto 20px auto;
	}
}

/*--------------------------------------------------------------------------------
  column_detail
--------------------------------------------------------------------------------*/
#fvl_column_list .fvl_column_box .fvl_column_inner .fvl_headline time {
	display: inline-block;
	background: #1e5ca7;/*投稿日時の色*/
	padding: 3px 10px;
	color: #fff;
}

/*--------------------------------------------------------------------------------
  fvl_column_pager
--------------------------------------------------------------------------------*/
.fvl_column_pager {
	position: relative;
	margin-top: 35px;
	text-align: center;
}
.fvl_column_pager .fvl_pager_btn {
	display: inline-block;
	background: #6492c9;/*ページ送りの色*/
	border-radius: 6px;
}
.fvl_column_pager .fvl_pager_btn.back_list {
	background: #1e5ca7;/*一覧へ戻るボタンの色*/
	margin-top: 15px;
}
.fvl_column_pager .fvl_pager_btn.prev_btn {
	float: left;
}
.fvl_column_pager .fvl_pager_btn.next_btn {
	float: right;
}
.fvl_column_pager .fvl_pager_btn a {
	display: inline-block;
	color: #fff;
    text-decoration: none;
}
.fvl_column_pager .fvl_pager_btn.back_list a {
	padding: 10px 20px 10px 15px;
}
.fvl_column_pager .fvl_pager_btn.back_list a::before {
	display: inline-block;
	content: '';
	border: 4px solid transparent;
	border-right: 4px solid #fff;
	margin-right: 5px;
	vertical-align: 1px;
}
.fvl_column_pager .fvl_pager_btn.prev_btn a {
	padding: 10px 20px 10px 15px;
}
.fvl_column_pager .fvl_pager_btn.prev_btn a::before {
	display: inline-block;
	content: '';
	border: 4px solid transparent;
	border-right: 4px solid #fff;
	margin-right: 5px;
	vertical-align: 1px;
}
.fvl_column_pager .fvl_pager_btn.next_btn a {
	padding: 10px 15px 10px 20px;
}
.fvl_column_pager .fvl_pager_btn.next_btn a::after {
	display: inline-block;
	content: '';
	border: 4px solid transparent;
	border-left: 4px solid #fff;
	margin-left: 5px;
	vertical-align: 1px;
}
/*SP表示*/
@media(max-width: 640px) {
	.fvl_column_pager .fvl_pager_btn.back_list {
		display: block;
	}
}