@charset "utf-8";
/* TOP
------------------------------------------------------------ */

#news .grecaptcha-badge{
    visibility: hidden;
}
#news-top .newsarea{
  display: flex;
  width: 90%;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 1em auto;
  align-items: center;
}
#news-top .top-sec-title .s-text {
    font-size: 0.8rem;
}
#news-top .top-sec-title .m-text {
    font-size: 2rem;
}
#news-top .news-list{
  width: 60%;
  margin: 0 5% 0 3%;
}
#news-top .news-list a{
  transition: 0.4s;
}
#news-top .news-list a:hover{
color: #e01e0e;
}
#news-top .news-list dl{
  display: flex;
  border-bottom: 1px solid #b6b6b6;
  padding: 0em 0em 0.8em 1em;
}
#news-top .news-list dl dt{
width: 20%;
margin-right: 1em;
letter-spacing: 0.1em;
}
#news-top .news-list dl dd{
  width: 80%;
}
#news-top [class^=btn-]{
  height: 45px;
  width: 130px;
}
#news-top [class^=btn-] .label{font-size: 0.75em;}

@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
  #news-top .newsarea {
      width: 88%;
      justify-content: space-between;
      margin: 2% 2% 0 10%;
  }
#news-top .newsarea h2{
  order: 1;
  width: 49%;
}
#news-top .top-sec-title .s-text {font-size: 0.6rem;}
#news-top .top-sec-title .m-text {font-size: 1rem;}
#news-top .news-list {
    order: 3;
    width: 100%;
    margin: 2% 0% 0 0%;
}
#news-top .news-list dl {padding: 0em 0em 0.5em 1em;}
#news-top .news-list dl dt {font-size: 0.8em;}
#news-top .news-list dl dd { font-size: 0.8em;}
#news-top .btn{
  order: 2;
  width: 49%;
}
#news-top [class^=btn-] {
    height: 30px;
    width: 100%;
}
.mv-wrap:after {height: 85vh;}

}

/* 一覧
------------------------------------------------------------ */
.mv-under.mv-news {
    background-image: url(/image/pages/news/news-mv.jpg);
}
.archive .newsarea-in li{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid #bdbdbd;
  padding: 0em 2em 2.5em;
  margin-bottom: 2.5em;
}

.archive .newsarea-in li a {
  display: block;
  width: 78%;
  transition: all 0.4s ease-in-out;
}
.archive .newsarea-in li a:hover{
  color: #E31E0E;
}
.archive .newsarea-in .time {width: 20%}

@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
  .archive .newsarea-in li {
    padding: 0em 1em 1em;
    margin-bottom: 1em;
}
.archive .newsarea-in li a {
  width: 100%;
  font-size: 0.9em;
}
.archive .newsarea-in .time {
  width: 100%;
    margin-right: 1em;
    font-size: 0.9em;
}
}

/* 詳細
------------------------------------------------------------ */
.single .artcls-title{
  border-bottom: 1px solid #797979;
  padding: 0 0 0.5em 1em;
  margin-bottom: 10px!important;
}
.single .n-spec{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 1em;
}
.single .n-spec .time{ margin-right: 1em;}
.single .n-spec .category a{
  background: #e01e0e;
  padding: 0 1em;
  font-size: 0.8em;
  color: #fff;
  border: 1px solid #e01e0e;
}

.single .sec-unit {
    padding-top: 40px!important;
    padding-left: 1em;
}
.single .freearea{min-height: 30em;}

@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {}

/* ページネーション
------------------------------------------------------------ */
.archive .artcls .pagearea-in {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.archive .artcls .pagearea-in .page-numbers{
  margin-right: 1em;
  margin-bottom: 1em;
}
.archive .artcls .pagearea-in .page-numbers{
  display: block;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #555;
  padding: 0.3em 1em;
  font-size: 1.2em;
  color: #555;
  padding: 0.4em 1em;
  transition: all 0.3s ease-in-out;
}
.archive .artcls .pagearea-in .page-numbers:hover{
  background: #e01e0e;
  border: 1px solid #e01e0e;
  color: #fff;
}
.archive .artcls .pagearea-in .page-numbers.current{
  display: block;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e01e0e;
  padding: 0.3em 1em;
  font-size: 1.2em;
  background: #e01e0e;
  color: #fff;
  padding: 0.4em 1em;
}
.detall .pagearea{
	width: 85%;
	margin: 0 auto 6em;
}
.single .artcls .pagearea-in{
	align-items: center;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.single .artcls .pagearea-in a{
	position: relative;
	font-family: myfont;
	font-size: 1.2em;
	color: #262626;
	transition: all 0.3s ease-in-out;
}
.single .artcls .pagearea-in a:hover{
	color: #e01e0e;
}
.single .artcls .pagearea-in a.p-all{
  background: #fff;
  padding: 0.2em 3em;
  color: #262626;
  border: 1px solid #262626;
}
.single .artcls .pagearea-in a.prev{ padding-left: 1.3em;}
.single .artcls .pagearea-in a.prev::before{
	content: "";
    display: inline-block;
    position: absolute;
    margin: auto;
    color: ##262626;
    vertical-align: middle;
    line-height: 1;
    width: 0.5em;
    height: 0.5em;
    border: 0.13em solid #262626;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(25%) rotate(-135deg);
    top: 13px;
    left: 5px;
    transition: all 0.3s ease-in-out;
}
.single .artcls .pagearea-in a.prev:hover:before{
  left: 0px;
  border-color: #e01e0e;
}
.single .artcls .pagearea-in a.next{ padding-right: 1.3em;}
.single .artcls .pagearea-in a.next::before{
	content: "";
	display: inline-block;
	position: absolute;
	margin: auto;
	color: #262626;
	vertical-align: middle;
	line-height: 1;
	width: 0.5em;
	height: 0.5em;
	border: 0.13em solid #262626;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateX(10%) rotate(45deg);
	top: 13px;
	right: 10px;
	transition: all 0.3s ease-in-out;
}
.single .artcls .pagearea-in a.p-all:hover{
	background: #e01e0e;
	color: #fff;
  border: 1px solid #e01e0e;
}
.single .artcls .pagearea-in a.next:hover:before{
	right: 5px;
  border-color: #e01e0e;
}

@media screen and (min-width:521px) and ( max-width:1024px) {}
@media screen and (max-width: 520px) {
.single .artcls .pagearea-in a {font-size: 0.9em;}
.single .artcls .pagearea-in a {font-size: 0.9em;}
.single .artcls .pagearea-in a.prev::before {
    top: 9px;
    left: 2px;
}
.single .artcls .pagearea-in a.next::before {
    top: 9px;
    right: 8px;
}
.single .artcls .pagearea-in a.p-all {padding: 0.2em 2em;}

}