@charset "utf-8";

a{
text-decoration:none;
color:#373737;
}  @media screen and (max-width: 767px) {
#news {
clear: both;
padding: 0 10%;
background-color: #f1f1f1;
} #news .header {
}
#news h2 {
display: block;
padding-top: 12%;
padding-bottom: 11%;
font-size: 33px;
font-size: 8.8vw;
color: #373737;
line-height: 1.1;
text-align: center;
} #news .article {
margin-bottom:60px;
}
#news .go_top{
display:none;
}
#news .article ul {
margin-bottom : 2em;
} #news .article li {
display: block;
padding: 40px 0;
border-top: 0.99px solid #a7a7a7;
}
#news .article li:first-child {
padding-top: 0;
border-top: none;
}
#news .article li:last-child {
padding-bottom: 0;
}
#news .article a {
display: block;
color: #000;
text-decoration: none;
}
#news .article span {
display: block;
width: 33.333%;
padding: 2% 0;
background-color: #373737;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-size: 11px;
font-size: 2.933vw;
color: #fff;
line-height: 1.1;
text-align: center;
}
#news .article dl {
margin-top: 4.667%;
}
#news .article dt {
font-size: 14px;
font-size: 3.733vw;
color: #161616;
}
#news .article dd {
margin-top: 3.667%;
font-size: 12px;
font-size: 3.2vw;
color: #9fa0a0;
line-height: 1.1;
} #news .footer {
padding: 10.667% 0;
text-align : center;
}
#news .footer div {
} #news .item {
padding-bottom: 12.333%;
}
#news .item h3 {
padding-top: 8.533%;
font-size: 20px;
font-size: 4.4vw;
text-align: center;
}
#news .footer a {
display: block;
width: 45%;
margin: 0 auto;
border: 0.99px solid #d0d0d0;
color: #000;
text-decoration: none;
}
#news .footer span {
display: block;
padding: 10% 0;
font-size: 13px;
font-size: 3.467vw;
color: #373737;
line-height: 1.1;
white-space: nowrap;
text-align: center;
}
#news .footer span em { }
#news .item  p {
width: 100%;
white-space: normal;
font-size: 1.3rem;
}
} @media screen and (min-width: 768px) {
#news {
clear: both;
background-color: #f1f1f1;
} #news .header {
max-width: 1320px;
margin: 0 auto;
}
#news h2 {
padding-top: 5.6%;
padding-bottom: 2.4%;
font-size: 40px;
color: #373737;
line-height: 1.1;
text-align: center;
}
#news h3 {
padding-top: 3.2%;
padding-bottom: 0.6%;
font-size: 20px;
color: #373737;
line-height: 1.1;
text-align: center;
} #news .article {
max-width: 1320px;
margin: 40px auto;
text-align:center;
}
#news .article ul {
}
#news .go_top{
padding:90px 0 0 5%;
position: absolute;
font-size:12px;
color:#333333;
background-image:url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/slide_prev_black.png);
background-position:50px 95px;
background-repeat: no-repeat;
background-size: auto 10px;
}
#news .go_top a:hover{
color:#CC0000;
background-image:url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/slide_prev_red.png);
background-position:50px 95px;
background-repeat: no-repeat;
background-size: auto 10px;
} #news .article li {
display: block;
width: 27.273%;
margin-left: 4.545%; border-top: 1px solid #a7a7a7;
float: left;
}
#news .article li:nth-child(1),
#news .article li:nth-child(2),
#news .article li:nth-child(3) {
border-top: none;
}
#news .article a {
position: relative;
display: block;
padding: 12% 0;
color: #000;
text-decoration: none;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-o-transition: 0.3s linear;
transition: 0.3s linear;
}
#news .article span {
display: block; width: 100px;
padding: 6px 0;
background-color: #373737;
font-size: 11px;
color: #fff;
line-height: 1.1;
text-align: center;
}
#news .article dl {
margin-top: 4.4%;
}
#news .article dt {
font-size: 14px;
color: #161616;
}
#news .article dd {
margin-top: 3%;
font-size: 12px;
color: #9fa0a0;
line-height: 1.1;
} #news .article a:hover {
opacity: 0.5;
}
#news .item  p {
width: 100%;
white-space: normal;
font-size: 1.3rem;
}
#news .item  p a {
display: inline;
padding: 0 0;
} #news .footer { width : 99%;
margin: 0 auto;
text-align : center;
}
#news .footer div {
padding-top: 0.6%;
padding-bottom: 4.2%;
}
#news .footer a {
position: relative;
display: table;
height: 46px;
margin: 0 auto;
border: 1px solid #a7a7a7;
color: #000;
text-decoration: none;
}
#news .footer span {
display: table-cell;
padding: 0 18px;
font-size: 13px;
color: #373737;
line-height: 1.1;
vertical-align: middle;
white-space: nowrap;
}
#news .footer .back_home {
text-align:center;
width:150px;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/slide_prev_black.png);
background-repeat: no-repeat;
background-position: 10%;
background-size: auto 10px;
}
} @media screen and (min-width: 768px) and (max-width: 1023px) {
#news .article li {
width: 43.1825%;
}
#news .article li:nth-child(3) {
border-top: 1px solid #a7a7a7;
}
#news .item  p {
width: 100%;
white-space: normal;
font-size: 1.3rem;
}
}
.category {
width:100px;
text-decoration:none;
text-align:center;
color:#ffffff;
background-color:#333333;
}
.category_d {
width:100px;
padding:6px 0;
text-align:center;
color:#ffffff;
background-color:#333333;
margin:60px auto 0;
}
.d_date {
width:120px;
font-size:13px;
margin:10px auto 30px;
color:#9fa0a0;
text-align : center;
} input{
display: none;
}
label{
cursor: pointer;
display: inline-block;
font-size:13px;
padding: 15px 25px;
width:150px; margin : 0px auto 50px auto;
background: #f1f1f1;
color: #333333;
-webkit-transition: 0.1s;
transition: 0.1s;
background-image: url(//www.seryna.co.jp/manage/wp-content/themes/seryna/common/img/icon_down.png);
background-repeat: no-repeat;
background-position: 90%;
background-size: auto 10px;
border: 1px solid #a7a7a7;
}
label:hover {
background: #333333;
color:#f1f1f1;
}	
.more{
-webkit-transition: 0.5s;
transition: 0.5s;
height: 0;
overflow: hidden;
} .view_more:checked + .footer + .more {
height: auto;
}
.view_more:checked + .footer label {
background: #333333;
color:#f1f1f1;
}