@charset "UTF-8";
  .con_news {
max-width: 1100px;
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/en/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%;
}
} .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;
}
}
.con_news #main {
width: 67.81818%;
float: left;
}
@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/en/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;
}
@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 {
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 {
float: right;
width: 25%;
text-align: right;
}
.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: 100%;
margin-bottom: 15px;
}
@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:not(.btn) {
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;
margin-left: 32px;
letter-spacing: -0.4em;
text-align: center;
}
@media only screen and (max-width: 767px) {
.con_news #main .box_pager {
margin-top: 6%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_news #main .box_pager {
margin-left: 4%;
}
}
@media only screen and (max-width: 767px) {
.con_news #main .box_pager {
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.con_news #main .box_pager {
text-align: center;
}
}
.con_news #main .box_pager li {
letter-spacing: normal;
display: inline-block;
margin-left: 0.7em;
}
.con_news #main .box_pager li:first-child {
margin-left: 0;
}
.con_news #main .box_pager li a {
display: block;
padding: 0.7em 1.1em;
background: #f0eded;
color: #353535;
text-decoration: none;
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%;
}
}