@charset "UTF-8";
  .con_news {
max-width: 1050px;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.con_news {
width: 95%;
}
}
.con_news:after {
content: "";
display: table;
clear: both;
}
@-moz-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
} .con_title {
background-image: url(//geniee.co.jp/wp/wp-content/themes/geniee/news/images/bg_header.jpg) !important;
background-repeat: no-repeat;
background-position: center bottom !important;
background-size: cover;
height: 250px;
text-align: center;
position: relative;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_title {
height: 18em;
}
}
@media only screen and (max-width: 767px) {
.con_title {
height: 13em;
}
}
.con_title h1 {
position: absolute;
left: 50%;
top: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.con_title h1 .jp {
display: block;
}
.con_title h1 .en {
display: block;
font-size: 190%;
font-weight: normal;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
.con_title {
font-size: 85%;
}
} #contents {
overflow: hidden;
} .con_news {
margin: 3em auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_news {
margin: 2.5em auto;
}
}
@media only screen and (max-width: 767px) {
.con_news {
margin: 1em auto;
}
}
@media only screen and (max-width: 767px) {
.con_news #main {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.con_news #main {
float: none;
}
}
.con_news #main .btn_category {
margin-bottom: 3em;
}
@media only screen and (max-width: 767px) {
.con_news #main .btn_category {
margin-bottom: 2em;
}
}
.con_news #main .btn_category li {
width: 31%;
margin-right: 1%;
border: 1px solid #81c0de;
display: inline-block;
margin-bottom: 0.5em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.con_news #main .btn_category li {
width: 100%;
}
}
.con_news #main .btn_category li > * {
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background: -webkit-gradient(
linear,
50% 0%,
50% 100%,
color-stop(0%, #ffffff),
color-stop(100%, #ffffff)
);
background: -moz-linear-gradient(#ffffff, #ffffff);
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: linear-gradient(#ffffff, #ffffff);
color: #177fb8;
}
.con_news #main .btn_category li a:hover {
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NTdhMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5NTdhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background: -webkit-gradient(
linear,
50% 0%,
50% 100%,
color-stop(0%, #1957a0),
color-stop(100%, #1957a0)
);
background: -moz-linear-gradient(#1957a0, #1957a0);
background: -webkit-linear-gradient(#1957a0, #1957a0);
background: linear-gradient(#1957a0, #1957a0);
color: #fff;
}
.mouse .con_news #main .btn_category li:hover:after,
.touch .con_news #main .btn_category li.touchstart:after {
color: #fff;
}
.touch .con_news #main .btn_category li {
-webkit-tap-highlight-color: transparent;
}
.touch .con_news #main .btn_category li.touchend {
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.con_news #main .btn_category li:last-child {
margin-right: 0;
}
.con_news #main .btn_category li.active:after {
color: #fff;
}
.con_news #main .btn_category li.active a {
background: #1957a0 !important;
color: #fff;
}
.con_news #main .btn_category li:after {
position: absolute;
content: "\f107";
font-family: FontAwesome;
right: 0.5em;
top: 50%;
margin-top: -0.7em;
color: #1957a0;
}
.con_news #main .btn_category li a {
color: #1957a0;
text-align: center;
text-decoration: none;
padding: 1em 2em;
display: block;
}
@media only screen and (max-width: 767px) {
.con_news #main .btn_category li a {
padding: 1em 0;
}
}
@media only screen and (max-width: 1024px) {
.con_news #main .btn_category li a {
font-size: 85%;
}
}
.con_news #main .txt_num {
padding-bottom: 0.5em;
}
.con_news #main .box_news li {
border-top: 1px solid #f2f2f0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
position: relative;
}
.con_news #main .box_news li a {
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.con_news #main .box_news li {
margin: 1px 2px;
}
}
@media print {
.con_news #main .box_news li {
margin: 1px 2px;
}
}
.ie8 .con_news #main .box_news li {
margin: 1px 2px;
}
@media only screen and (min-width: 768px) {
.mouse .con_news #main .box_news li:hover,
.touch .con_news #main .box_news li.touchstart {
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
z-index: 1;
background: #f1f1f1;
opacity: 1;
}
}
@media print {
.mouse .con_news #main .box_news li:hover,
.touch .con_news #main .box_news li.touchstart {
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
z-index: 1;
background: #f1f1f1;
opacity: 1;
}
}
.ie8 .mouse .con_news #main .box_news li:hover,
.ie8 .touch .con_news #main .box_news li.touchstart {
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
box-shadow: rgba(0, 0, 0, 0.15) 0 0 5px;
z-index: 1;
background: #f1f1f1;
opacity: 1;
}
.touch .con_news #main .box_news li {
-webkit-tap-highlight-color: transparent;
}
.touch .con_news #main .box_news li.touchend {
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.con_news #main .box_news li:last-child {
border-bottom: 1px solid #f2f2f0;
}
.con_news #main .box_news li a {
padding: 30px;
display: block;
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/news/images/ic_news_arr.png) no-repeat 98% center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_news #main .box_news li a {
padding: 3%;
}
}
@media only screen and (max-width: 767px) {
.con_news #main .box_news li a {
padding: 3%;
}
}
@media only screen and (max-width: 767px) {
.con_news #main .box_news li a {
overflow: hidden;
}
}
.con_news #main .box_news li a .photo {
width: 19.57105%;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
}
.con_news #main .box_news li a .photo.noimg {
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
aspect-ratio: 4 / 1;
}
.con_news #main .box_news li a .photo.noimg img {
width: 67%;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_news li a .photo {
width: 30%;
float: left;
}
.con_news #main .box_news li a .photo img {
max-width: 100%;
}
}
.con_news #main .box_news li a .box_date {
width: 67.02413%;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-left: 30px;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_news li a .box_date {
margin-left: 5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_news #main .box_news li a .box_date {
width: 63.00268%;
}
}
@media only screen and (max-width: 767px) {
.con_news #main .box_news li a .box_date {
width: 55%;
float: left;
font-size: 93%;
}
.con_news #main .box_news li a .box_date img {
max-width: 100%;
}
}
.con_news #main .box_news li a .box_date .cate {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
background: #1957a0;
text-align: center;
color: #fff;
padding: 0.1em 0.7em;
margin-right: 0.5em;
min-width: 95px;
text-align: center;
margin-left: 0.5em;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_news li a .box_date .cate {
font-size: 77%;
padding: 0 0.25em;
min-width: 0;
}
}
.con_news #main .box_news li a .box_date .txt,
.con_news #main .box_news li a .box_date p {
margin-top: 0.3em;
}
.con_news #main .box_news li a:hover {
text-decoration: none !important;
}
@media only screen and (min-width: 768px) {
.con_news #main .box_details {
border-top: 1px solid #f2f2f0;
}
}
@media print {
.con_news #main .box_details {
border-top: 1px solid #f2f2f0;
}
}
.ie8 .con_news #main .box_details {
border-top: 1px solid #f2f2f0;
}
.con_news #main .box_details .box_head {
border-bottom: 1px dashed #a18142;
margin: 30px auto 0;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_head {
margin: 5% auto 0;
}
}
.con_news #main .box_details .box_head .wrp_head {
overflow: hidden;
}
.con_news #main .box_details .box_head .wrp_head .con_detcat {
float: left;
width: 70%;
}
.con_news #main .box_details .box_head .wrp_head .con_detcat .date {
font-size: 108%;
}
.con_news #main .box_details .box_head .wrp_head .con_detcat .cate {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
background: #1957a0;
text-align: center;
color: #fff;
padding: 0.1em 0.7em;
min-width: 95px;
text-align: center;
margin-left: 1.5em;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_head .wrp_head .con_detcat .cate {
font-size: 77%;
padding: 0 0.25em;
min-width: 0;
}
}
.con_news #main .box_details .box_head .wrp_head .con_sns {
display: flex;
float: right;
width: 25%;
}
@media only screen and (max-width: 768px) {
.con_news #main .box_details .box_head .wrp_head .con_sns {
float: right;
text-align: right;
display: inline;
}
}
.con_news #main .box_details .box_head .wrp_head .con_sns .btn_facebook {
display: inline-block;
margin-right: 0.5em;
}
.con_news
#main
.box_details
.box_head
.wrp_head
.con_sns
.btn_facebook
.fb_iframe_widget
> span {
vertical-align: baseline !important;
}
.con_news #main .box_details .box_head .wrp_head .con_sns .btn_twitter {
display: inline-block;
}
.con_news #main .box_details .box_head .title {
padding-top: 6%;
font-size: 1.84615em;
font-weight: bold;
line-height: 1.4;
color: #1957a0;
clear: both;
}
.con_news #main .box_details .box_head .title-sub {
padding-top: 2%;
font-size: 1.23077em;
font-weight: bold;
padding-bottom: 0.5em;
}
.con_news #main .box_details .box_det {
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_det {
margin-top: 3%;
}
}
.con_news #main .box_details .box_det .photo {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_det .photo {
margin-bottom: 3%;
}
}
.con_news #main .box_details .box_det .txt,
.con_news #main .box_details .box_det p:not(.btn) {
line-height: 1.8;
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_det .txt,
.con_news #main .box_details .box_det p {
margin-bottom: 5%;
}
}
.con_news #main .box_details .box_det .box_double {
width: 100%;
overflow: hidden;
}
.con_news #main .box_details .box_det .box_double li {
float: right;
width: 48.63014%;
}
.con_news #main .box_details .box_det .box_double li:first-child {
float: left;
}
.con_news #main .box_details .box_det table {
width: 100%;
}
.con_news #main .box_details .box_det .box_btn {
overflow: hidden;
width: 100%;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_det .box_btn {
margin-top: 5%;
}
}
.con_news #main .box_details .box_det .box_btn li {
float: left;
width: 32.32877%;
margin-left: 1.50685%;
text-align: center;
font-size: 108%;
}
.con_news #main .box_details .box_det .box_btn li:first-child {
margin-left: 0;
}
.con_news #main .box_details .box_det .box_btn li a {
color: #fff;
text-decoration: none;
display: block;
margin: auto;
background: #1957a0;
padding: 0.5em 0;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
border: 2px solid #1957a0;
-moz-transition: border-color 0.35s, background 0.35s, color 0.35s;
-o-transition: border-color 0.35s, background 0.35s, color 0.35s;
-webkit-transition: border-color 0.35s, background 0.35s, color 0.35s;
transition: border-color 0.35s, background 0.35s, color 0.35s;
position: relative;
}
.con_news #main .box_details .box_det .box_btn li a em {
display: block;
width: 90%;
}
.con_news #main .box_details .box_det .box_btn li a:before,
.con_news #main .box_details .box_det .box_btn li a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.con_news #main .box_details .box_det .box_btn li a > * {
vertical-align: middle;
display: inline;
}
.con_news #main .box_details .box_det .box_btn li a:after {
content: "";
margin-left: 0.5em;
position: absolute;
display: block;
margin-left: 0;
right: 7%;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
top: 50%;
margin-top: -0.7em;
-moz-transition: right 0.35s, opacity 0.35s;
-o-transition: right 0.35s, opacity 0.35s;
-webkit-transition: right 0.35s, opacity 0.35s;
transition: right 0.35s, opacity 0.35s;
}
.con_news #main .box_details .box_det .box_btn li a:hover {
background: none;
border-color: #1957a0;
color: #1957a0;
}
.con_news #main .box_details .box_det .box_btn li a:hover:after {
right: 2%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.con_news #main .box_details .box_det .box_btn li a:hover {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.con_news #main .box_details .box_det .box_btn li.btn02 a {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.con_news #main .box_details .box_det .box_btn li.btn02 a:hover {
background: #1957a0;
color: #fff;
border-color: #1957a0;
}
.con_news #main .box_details .box_det .box_btn li.btn_pdf a:before,
.con_news #main .box_details .box_det .box_btn li.btn_pdf a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.con_news #main .box_details .box_det .box_btn li.btn_pdf a > * {
vertical-align: middle;
display: inline;
}
.con_news #main .box_details .box_det .box_btn li.btn_pdf a:before {
content: "";
margin-right: 0.5em;
}
.con_news #main .box_details .box_det .con_btn {
overflow: hidden;
width: 100%;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_det .con_btn {
margin-top: 5%;
}
}
.con_news #main .box_details .box_det .con_btn .btn {
margin-bottom: 1em;
display: inline-block;
text-align: center;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_det .con_btn .btn {
margin-bottom: 1em;
}
}
.con_news #main .box_details .box_det .con_btn .btn:first-child {
margin-left: 0;
}
.con_news #main .box_details .box_det .con_btn .btn a {
color: #fff;
text-decoration: none;
display: block;
margin: auto;
background: #1957a0;
padding: 0.5em 0;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
border: 2px solid #1957a0;
-moz-transition: border-color 0.35s, background 0.35s, color 0.35s;
-o-transition: border-color 0.35s, background 0.35s, color 0.35s;
-webkit-transition: border-color 0.35s, background 0.35s, color 0.35s;
transition: border-color 0.35s, background 0.35s, color 0.35s;
position: relative;
}
.con_news #main .box_details .box_det .con_btn .btn a em {
display: block;
width: 90%;
}
.con_news #main .box_details .box_det .con_btn .btn a:before,
.con_news #main .box_details .box_det .con_btn .btn a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.con_news #main .box_details .box_det .con_btn .btn a > * {
vertical-align: middle;
display: inline;
}
.con_news #main .box_details .box_det .con_btn .btn a:after {
content: "";
margin-left: 0.5em;
position: absolute;
display: block;
margin-left: 0;
right: 7%;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
top: 50%;
margin-top: -0.7em;
-moz-transition: right 0.35s, opacity 0.35s;
-o-transition: right 0.35s, opacity 0.35s;
-webkit-transition: right 0.35s, opacity 0.35s;
transition: right 0.35s, opacity 0.35s;
}
.con_news #main .box_details .box_det .con_btn .btn a:hover {
background: none;
border-color: #1957a0;
color: #1957a0;
}
.con_news #main .box_details .box_det .con_btn .btn a:hover:after {
right: 2%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.con_news #main .box_details .box_det .con_btn .btn a {
padding: 0.5em 3em 0.5em 1em;
}
.con_news #main .box_details .box_det .con_btn .btn a:hover {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.con_news #main .box_details .box_det .con_btn .btn02 a {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.con_news #main .box_details .box_det .con_btn .btn02 a:hover {
background: #1957a0;
color: #fff;
border-color: #1957a0;
}
.con_news #main .box_details .box_det .con_btn .btn_pdf a:before,
.con_news #main .box_details .box_det .con_btn .btn_pdf a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.con_news #main .box_details .box_det .con_btn .btn_pdf a > * {
vertical-align: middle;
display: inline;
}
.con_news #main .box_details .box_det .con_btn .btn_pdf a:before {
content: "";
margin-right: 0.5em;
}
.con_news #main .box_details .box_det .con_btn .btn_pdf a:before {
padding-right: 0.5em;
}
.con_news #main .box_details .box_txt {
margin: 30px auto 0;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details .box_txt {
margin: 5% auto 0;
}
}
.con_news #main .box_details .box_txt .title {
font-size: 124%;
font-weight: bold;
color: #1957a0;
margin: 0.8em 0;
}
.con_news #main .box_details table {
margin: 30px auto;
font-size: 108%;
}
@media only screen and (min-width: 768px) {
.con_news #main .box_details table {
width: 91.68901%;
}
}
@media print {
.con_news #main .box_details table {
width: 91.68901%;
}
}
.ie8 .con_news #main .box_details table {
width: 91.68901%;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details table {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details table {
margin: 5% auto;
}
}
.con_news #main .box_details table tr {
border-bottom: 1px solid #d2d2d2;
}
.con_news #main .box_details table tr:first-child {
border-top: 1px solid #d2d2d2;
}
.con_news #main .box_details table th,
.con_news #main .box_details table td {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3;
padding: 1.5em;
}
.con_news #main .box_details table th {
width: 28%;
background-color: #f1f1f1;
text-align: center;
font-weight: normal;
}
.con_news #main .box_details table td {
text-align: left;
background-color: #fff;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_details table th,
.con_news #main .box_details table td {
display: block;
padding: 0.8em 0.6em;
}
.con_news #main .box_details table th {
width: 100%;
text-align: center;
}
.con_news #main .box_details table td {
width: 100%;
}
}
.con_news #main .box_pager {
margin-top: 25px;
letter-spacing: -0.4em;
text-align: center;
}
.con_news #main .box_pager li {
letter-spacing: normal;
margin: 0 0.35em;
}
.con_news #main .box_pager > li {
display: inline-block;
}
.con_news #main .box_pager li a {
display: block;
padding: 0.7em 1.1em;
background: #f0eded;
color: #353535;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background 0.35s, color 0.35s;
-o-transition: background 0.35s, color 0.35s;
-webkit-transition: background 0.35s, color 0.35s;
transition: background 0.35s, color 0.35s;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_pager li a {
padding: 0.5em 0.8em;
}
}
.con_news #main .box_pager li .next,
.con_news #main .box_pager li .prev {
background: #fff;
}
.con_news #main .box_pager li:hover a,
.con_news #main .box_pager li.active a,
.con_news #main .box_pager li.list a {
background: #1957a0;
color: #fff;
}
.con_news #side {
width: 25.45455%;
float: right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_news #side {
width: 29.09091%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side {
float: none;
width: 100%;
margin-top: 15%;
}
}
.con_news #side .box_news h3,
.con_news #side .box_cate h3,
.con_news #side .box_arch h3 {
padding-bottom: 15px;
border-bottom: 1px solid #102870;
font-weight: normal;
line-height: 1;
}
.con_news #side .box_news h3 span,
.con_news #side .box_cate h3 span,
.con_news #side .box_arch h3 span {
font-size: 162%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
Meiryo, sans-serif;
vertical-align: middle;
}
.con_news #side .box_news h3 em,
.con_news #side .box_cate h3 em,
.con_news #side .box_arch h3 em {
font-size: 80%;
color: #102870;
margin-left: 10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
Meiryo, sans-serif;
font-weight: 700;
font-style: normal; }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_news #side .box_news h3 em,
.con_news #side .box_cate h3 em,
.con_news #side .box_arch h3 em {
margin-left: 3%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news h3 em,
.con_news #side .box_cate h3 em,
.con_news #side .box_arch h3 em {
margin-left: 2%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news h3 em,
.con_news #side .box_cate h3 em,
.con_news #side .box_arch h3 em {
font-weight: 500;
}
}
@media only screen and (min-width: 768px) {
.con_news #side .box_news h3 + *,
.con_news #side .box_cate h3 + *,
.con_news #side .box_arch h3 + * {
display: block !important;
}
}
@media print {
.con_news #side .box_news h3 + *,
.con_news #side .box_cate h3 + *,
.con_news #side .box_arch h3 + * {
display: block !important;
}
}
.ie8 .con_news #side .box_news h3 + *,
.ie8 .con_news #side .box_cate h3 + *,
.ie8 .con_news #side .box_arch h3 + * {
display: block !important;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news h3,
.con_news #side .box_cate h3,
.con_news #side .box_arch h3 {
border: 1px solid #102870;
padding: 0.7em 0.9em;
position: relative;
}
.con_news #side .box_news h3:before,
.con_news #side .box_news h3:after,
.con_news #side .box_cate h3:before,
.con_news #side .box_cate h3:after,
.con_news #side .box_arch h3:before,
.con_news #side .box_arch h3:after {
font-family: FontAwesome;
vertical-align: middle;
}
.con_news #side .box_news h3 > *,
.con_news #side .box_cate h3 > *,
.con_news #side .box_arch h3 > * {
vertical-align: middle;
display: inline;
}
.con_news #side .box_news h3:after,
.con_news #side .box_cate h3:after,
.con_news #side .box_arch h3:after {
content: "";
margin-left: 0.5em;
}
.con_news #side .box_news h3:after,
.con_news #side .box_cate h3:after,
.con_news #side .box_arch h3:after {
font-size: 2em;
position: absolute;
right: 4%;
top: 50%;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.con_news #side .box_news h3.active:after,
.con_news #side .box_cate h3.active:after,
.con_news #side .box_arch h3.active:after {
content: "\f106";
}
.con_news #side .box_news h3 + *,
.con_news #side .box_cate h3 + *,
.con_news #side .box_arch h3 + * {
display: none;
}
}
.con_news #side .box_news ul,
.con_news #side .box_cate ul,
.con_news #side .box_arch ul {
width: 100%;
margin-top: 30px;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news ul,
.con_news #side .box_cate ul,
.con_news #side .box_arch ul {
margin-top: 5%;
}
}
.con_news #side .box_news ul li,
.con_news #side .box_cate ul li,
.con_news #side .box_arch ul li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 18px;
margin-top: 12px;
margin-left: 18px;
text-indent: -15px;
line-height: 1.6em;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news ul li,
.con_news #side .box_cate ul li,
.con_news #side .box_arch ul li {
padding: 0 0 0 4%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news ul li,
.con_news #side .box_cate ul li,
.con_news #side .box_arch ul li {
margin-top: 4%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news ul li,
.con_news #side .box_cate ul li,
.con_news #side .box_arch ul li {
margin-left: 4%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news ul li,
.con_news #side .box_cate ul li,
.con_news #side .box_arch ul li {
text-indent: -2%;
}
}
.con_news #side .box_news ul li a,
.con_news #side .box_cate ul li a,
.con_news #side .box_arch ul li a {
text-decoration: none;
display: block;
}
.con_news #side .box_news ul li a:hover,
.con_news #side .box_news ul li a:active,
.con_news #side .box_cate ul li a:hover,
.con_news #side .box_cate ul li a:active,
.con_news #side .box_arch ul li a:hover,
.con_news #side .box_arch ul li a:active {
text-decoration: underline;
}
.con_news #side .box_news ul li a:before,
.con_news #side .box_cate ul li a:before,
.con_news #side .box_arch ul li a:before {
content: ">";
color: #102870;
font-size: 108%;
vertical-align: middle;
margin-right: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_news #side .box_news ul li a:before,
.con_news #side .box_cate ul li a:before,
.con_news #side .box_arch ul li a:before {
margin-right: 3%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_news ul li a:before,
.con_news #side .box_cate ul li a:before,
.con_news #side .box_arch ul li a:before {
margin-right: 2%;
}
}
.con_news #side .box_arch h3 {
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch h3 {
margin-bottom: 0;
}
}
.con_news #side .box_arch h4 {
margin-top: 10px;
margin-left: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 18px;
font-weight: 100;
font-size: 108%;
color: #102870;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch h4 {
margin-top: 5%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch h4 {
margin-left: 3%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch h4 {
padding: 0 4%;
}
}
.con_news #side .box_arch h4:before,
.con_news #side .box_arch h4:after {
font-family: FontAwesome;
vertical-align: middle;
}
.con_news #side .box_arch h4 > * {
vertical-align: middle;
display: inline;
}
.con_news #side .box_arch h4:before {
content: "";
margin-right: 0.5em;
color: #102870;
margin-right: 0.5em;
}
.con_news #side .box_arch h4.active:before,
.con_news #side .box_arch h4.active:after {
font-family: FontAwesome;
vertical-align: middle;
}
.con_news #side .box_arch h4.active > * {
vertical-align: middle;
display: inline;
}
.con_news #side .box_arch h4.active:before {
content: "";
margin-right: 0.5em;
color: #102870;
margin-right: 0.5em;
}
.con_news #side .box_arch ul {
margin-top: 5px;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch ul {
margin-top: 2%;
}
}
.con_news #side .box_arch ul li {
margin-top: 0;
margin-bottom: 5px;
padding: 0 18px 0 30px;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch ul li {
margin-bottom: 2%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch ul li {
padding: 0 4% 0 6%;
}
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch ul li {
margin-left: 6%;
}
}
.con_news #side .box_arch ul.aco_no {
display: none;
}
.con_news #side .box_arch {
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.con_news #side .box_arch {
margin-top: 4%;
}
}
.wrp_news .wrp_side .con_side {
overflow: hidden;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 17px;
margin-bottom: 17px;
}
.wrp_news .wrp_side .con_side h3 {
margin-bottom: 0.6em;
font-weight: normal;
font-size: 139%;
}
.wrp_news .wrp_side .con_side h3 hr {
color: #8b898a;
}
.wrp_news .wrp_side .con_side h3 .eng {
font-size: 67%;
color: #21286d;
font-weight: normal;
} .wrp_news .nav_news,
.wrp_news .nav_month {
display: flex;
flex-wrap: wrap;
}
.wrp_news .nav_news li,
.wrp_news .nav_month li {
margin: 0 5px 5px 0;
}
.wrp_news .nav_news a,
.wrp_news .nav_month a {
padding: 0.4em 0.8em;
display: block;
position: relative;
color: #1957a0;
text-decoration: none;
}
.wrp_news .nav_news li a:hover,
.wrp_news .nav_news li.active a,
.wrp_news .nav_month li a:hover,
.wrp_news .nav_month li.active a {
background-color: #f0eded;
}
.wrp_news .nav_news li.active a,
.wrp_news .nav_month li.active a,
.mouse .wrp_news .nav_news li a:hover,
.touch .wrp_news .nav_news li a.touchstart,
.mouse .wrp_news .nav_month li a:hover,
.touch .wrp_news .nav_month li a.touchstart {
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
}
.touch .wrp_news .nav_news li a,
.touch .wrp_news .nav_month li a {
-webkit-tap-highlight-color: transparent;
}
.touch .wrp_news .nav_news li a.touchend,
.touch .wrp_news .nav_month li a.touchend {
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.wrp_news .wrp_side .con_side.con_arichve {
border-bottom: 3px solid #1957a0;
} .con_news {
background: #fff;
}
.con_news .box_news {
width: 1050px;
margin: auto;
padding-bottom: 60px;
display: flex;
flex-wrap: wrap;
gap: 27px;
}
.con_news .box_news .box_news_block {
display: flex;
flex-direction: column;
width: 332px;
height: 370px;
gap: 20px;
text-decoration: none;
transition: 0.4s;
}
.con_news .box_btn .list_link:hover,
.con_news .box_news .box_news_block:hover {
opacity: 0.5;
}
.con_news .box_news .box_news_block .box_news_thumb {
width: 100%;
min-height: 180px;
}
.con_news .box_news .box_news_block .box_news_thumb {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.con_news .box_news .box_news_block .box_news_thumb.no-image {
background-image: url(//geniee.co.jp/news/images/noimages.svg);
}
.con_news .box_news .box_news_block .box_news_inner {
display: flex;
flex-direction: column;
gap: 20px;
}
.con_news .box_news .box_news_block .box_news_inner .cat {
display: flex;
justify-content: space-between;
align-items: center;
}
.con_news .box_news .box_news_block .box_news_inner .cat .cat_label {
background: #2a579a;
text-align: center;
color: #fff;
padding: 4px 20px;
font-weight: 600;
font-size: 14px;
line-height: 21px;
}
.con_news .box_news .box_news_block .box_news_inner .cat .release_date {
color: #4b4b4b;
font-weight: 300;
font-size: 14px;
line-height: 21px;
}
.con_news .box_news .box_news_block .box_news_inner .txt_title {
font-size: 18px;
font-weight: 600;
line-height: 27px;
max-height: 108px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.con_news .box_btn {
float: initial;
}
.con_news .box_btn .list_link {
margin: 0 auto;
display: flex;
width: 423px;
height: 69px;
border-radius: 10px;
border: 1px solid #2a579a;
background: #2a579a;
color: #fff;
justify-content: center;
align-items: center;
text-decoration: none;
gap: 30px;
transition: 0.4s;
}
.con_news .box_btn .list_link .link_text {
font-size: 26px;
line-height: 39px;
font-weight: 600;
}
.con_news .box_btn .list_link .link_icon {
width: 35px;
height: 35px;
font-size: 30px;
text-align: center;
line-height: 100px;
border: 2px solid #fff;
border-radius: 50%;
} @media only screen and (max-width: 768px) {
.con_news h2 span.en_text {
display: none;
}
.con_news .box_news {
width: 100%;
margin: 0 auto;
gap: 80px;
}
.con_news .box_news .box_news_block {
width: 94%;
margin: 0 auto;
}
.con_news .box_news .box_news_block .box_news_inner .txt_title {
-webkit-line-clamp: 5;
max-height: 130px;
}
.con_news .box_btn .list_link {
width: 95%;
}
.con_news .box_btn .list_link .link_text {
font-size: 18px;
line-height: 27px;
font-weight: 600;
}
}
.con_news #main .box_details .box_det h3 {
font-size: 134%;
font-weight: bold;
margin: 0.8em 0;
line-height: 1;
letter-spacing: 0.1em;
margin-top: 30px;
}
@media only screen and (max-width: 768px) {
.con_news #main .box_details .box_det h3 {
margin-top: 7.2%;
}
}
.con_news #main .box_details .box_det .wp-block-image {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
text-align: center;
}
@media only screen and (max-width: 768px) {
.con_news #main .box_details .box_det .wp-block-image {
margin-bottom: 3%;
}
}