@charset "UTF-8";
  .con_ir_finance_top .inner {
max-width: 1100px;
margin: auto;
}
@media only screen and (max-width: 1024px) {
.con_ir_finance_top .inner {
width: 95%;
}
}
.con_ir_finance_top:after,
.con_trend:after,
.con_trend .lst_chart:after,
.con_trend .box_trend:after,
.con_trend .box_trend .tbl_basic:after,
.con_model:after,
.con_data:after,
.con_data .con_side:after,
.con_data .con_main:after,
.con_data .con_main .box_data:after,
.con_data .con_main .box_data ul: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);
}
}   html.lower #contents .con_title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/ir/images/bg_header.jpg) center center no-repeat;
color: #333333;
}
@media only screen and (max-width: 767px) {
html.lower #contents .con_title {
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/ir/images/bg_header-sp.jpg) center center no-repeat;
}
}
.con_ir_finance_top {
margin: 60px 0 80px;
}
@media only screen and (max-width: 767px) {
.con_ir_finance_top {
margin: 5% 0 8%;
}
}
.con_ir_finance_top .inner .title {
text-align: center;
margin-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_ir_finance_top .inner .title {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.con_ir_finance_top .inner .title {
margin-bottom: 5%;
}
}
.con_ir_finance_top .inner .title i {
display: block;
margin-bottom: 5px;
}
.con_ir_finance_top .inner .title i img {
width: 36px;
}
.con_ir_finance_top .inner .title h3 {
font-weight: normal;
letter-spacing: 0;
font-size: 139%;
}
.con_ir_finance_top .inner .title h3 span {
display: block;
color: #333333;
}
.con_ir_finance_top .inner .title h3 span.jp {
line-height: 1.2;
}
.con_ir_finance_top .inner .title h3 span.en {
font-family: "Conv_Muli-Light", Sans-Serif;
font-size: 50%;
padding-top: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_ir_finance_top .inner .title h3 {
font-size: 124%;
}
.con_ir_finance_top .inner .title h3 span.en {
font-size: 50%;
}
}
@media only screen and (max-width: 767px) {
.con_ir_finance_top .inner .title h3 {
font-size: 108%;
}
.con_ir_finance_top .inner .title h3 span.en {
font-size: 50%;
}
}
.con_trend .lst_chart li {
float: left;
width: 47.875%;
margin-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .lst_chart li {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.con_trend .lst_chart li {
margin-bottom: 10%;
}
}
.con_trend .lst_chart li:nth-child(2n) {
float: right;
}
.con_trend .lst_chart li:nth-child(2n + 1) {
clear: left;
}
.con_trend .lst_chart li h4 {
text-align: center;
font-size: 139%;
padding-bottom: 10px;
padding-left: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .lst_chart li h4 {
padding-left: 1em;
}
}
@media only screen and (max-width: 767px) {
.con_trend .lst_chart li h4 {
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.con_trend .lst_chart li .img img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.con_trend .lst_chart li .img img.cnt {
margin-left: -0.5em;
}
}
@media only screen and (max-width: 767px) {
.con_trend .lst_chart li {
width: 100%;
}
.con_trend .lst_chart li h4 {
font-size: 124%;
}
}
.con_trend .box_trend h4 {
font-size: 154%;
color: #1957a0;
line-height: 1;
}
.con_trend .box_trend .note {
text-align: right;
font-size: 93%;
padding-bottom: 7px;
}
@media only screen and (max-width: 767px) {
.con_trend .box_trend .box_tbl {
overflow-x: scroll;
overflow-y: hidden;
margin-bottom: 8em;
}
.con_trend .box_trend .box_tbl .tbl_basic {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
}
.con_trend .box_trend .tbl_basic {
width: 100%;
margin-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .box_trend .tbl_basic {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.con_trend .box_trend .tbl_basic {
margin-bottom: 0;
}
}
.con_trend .box_trend .tbl_basic th,
.con_trend .box_trend .tbl_basic td {
padding: 16px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .box_trend .tbl_basic th,
.con_trend .box_trend .tbl_basic td {
padding: 10px;
font-size: 70%;
}
}
.con_trend .box_trend .tbl_basic th {
background: #1957a0;
color: #fff;
border-bottom: 1px solid #fff;
font-weight: normal;
font-size: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .box_trend .tbl_basic th {
font-size: 70%;
}
}
.con_trend .box_trend .tbl_basic th.child {
padding-left: 33px;
padding-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .box_trend .tbl_basic th.child {
padding-left: 20px;
}
}
.con_trend .box_trend .tbl_basic td {
background: #fff;
text-align: right;
font-size: 100%;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .box_trend .tbl_basic td {
font-size: 70%;
}
}
.con_trend .box_trend .tbl_basic tr:first-child th {
text-align: center;
padding: 13px 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_trend .box_trend .tbl_basic tr:first-child th {
padding: 10px;
}
}
.con_trend .box_trend .tbl_basic tr:first-child th:first-child {
background: #fff;
}
.con_trend .con_note {
line-height: 1.8;
}
.con_model .txt {
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_model .txt {
padding-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.con_model .txt {
padding-bottom: 4%;
}
}
.con_model .img {
text-align: center;
padding-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_model .img {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.con_model .img {
padding-bottom: 4%;
}
}
.con_model .note {
text-align: right;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_model .note {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.con_model .note {
padding-bottom: 8%;
}
}
@media only screen and (max-width: 767px) {
.con_model .note {
text-align: left;
font-size: 93%;
}
}
.con_model h4 {
color: #1957a0;
font-size: 154%;
padding: 50px 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_model h4 {
padding: 35px 0 10px;
}
}
@media only screen and (max-width: 767px) {
.con_model h4 {
padding: 4% 0 2%;
}
}
@media only screen and (max-width: 767px) {
.con_model h4 {
font-size: 124%;
}
}
.con_model .model_list {
padding: 0 20px;
}
@media only screen and (max-width: 767px) {
.con_model .model_list {
margin-left: 0;
padding: 0;
}
}
.con_model .model_list h5 {
color: #1957a0;
padding-bottom: 20px;
font-size: 139%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_model .model_list h5 {
padding-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.con_model .model_list h5 {
padding-bottom: 2%;
}
}
@media only screen and (max-width: 767px) {
.con_model .model_list h5 {
font-size: 124%;
}
}
.con_model .sales:after {
content: "";
display: block;
clear: both;
}
.con_model .sales .sales_text {
float: left;
width: 60%;
}
@media only screen and (max-width: 767px) {
.con_model .sales .sales_text {
float: none;
width: 100%;
}
}
.con_model .sales .sales_img {
float: right;
width: 35%;
padding-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_model .sales .sales_img {
padding-top: 35px;
}
}
@media only screen and (max-width: 767px) {
.con_model .sales .sales_img {
padding-top: 4%;
}
}
@media only screen and (max-width: 767px) {
.con_model .sales .sales_img {
float: none;
width: 90%;
margin: 0 auto;
}
}
.con_model .sales .sales_img h6 {
font-size: 124%;
position: relative;
padding-left: 20px;
padding-bottom: 20px;
}
.con_model .sales .sales_img h6:before {
position: absolute;
content: "";
width: 6px;
height: 15px;
background: #1957a0;
left: 0;
top: 5px;
}
.con_data .con_side {
border-bottom: 3px solid #1957a0;
padding-bottom: 20px;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_data .con_side {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.con_data .con_side {
margin-bottom: 5%;
}
}
.con_data .con_side h3 {
padding: 5px 7px;
float: left;
width: 30%;
font-weight: normal;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 139%;
}
.con_data .con_side h3 hr {
font-weight: normal;
color: #8b898a;
}
.con_data .con_side h3 .eng {
font-size: 67%;
color: #21286d;
font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_data .con_side h3 {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.con_data .con_side h3 {
width: 100%;
}
}
.con_data .con_side .box_month {
width: 70%;
float: right;
}
.con_data .con_side .box_month select {
width: 30%;
padding: 10px 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_data .con_side .box_month {
width: 100%;
}
.con_data .con_side .box_month select {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.con_data .con_side .box_month {
width: 100%;
}
.con_data .con_side .box_month select {
width: 100%;
}
}
.con_data .con_main {
margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_data .con_main {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.con_data .con_main {
margin-top: 5%;
}
}
.con_data .con_main .txt_note {
padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_data .con_main .txt_note {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.con_data .con_main .txt_note {
padding-bottom: 5%;
}
}
.con_data .con_main .box_data {
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.con_data .con_main .box_data {
margin-bottom: 1em;
}
}
.con_data .con_main .box_data h4 {
font-weight: normal;
color: #1957a0;
font-size: 185%;
padding-left: 20px;
padding-bottom: 20px;
position: relative;
}
.con_data .con_main .box_data h4:before {
position: absolute;
content: "";
width: 5px;
height: 25px;
background: #1957a0;
left: 0;
top: 5px;
}
@media only screen and (max-width: 767px) {
.con_data .con_main .box_data h4 {
font-size: 139%;
}
.con_data .con_main .box_data h4:before {
height: 18px;
top: 4px;
}
}
.con_data .con_main .box_data ul {
margin-left: 1.5em;
}
@media only screen and (max-width: 767px) {
.con_data .con_main .box_data ul {
margin-left: 0;
}
}
.con_data .con_main .box_data ul li {
width: 100%;
clear: both;
margin-bottom: 20px;
}
.con_data .con_main .box_data ul li a {
display: block;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.con_data .con_main .box_data ul li a {
font-size: 93%;
}
}
.con_data .con_main .box_data ul li a .date {
padding-right: 25px;
}
@media only screen and (max-width: 767px) {
.con_data .con_main .box_data ul li a .date {
padding-right: 5px;
}
}
.con_data .con_main .box_data ul li a i {
padding-left: 10px;
}
@media only screen and (max-width: 767px) {
.con_data .con_main .box_data ul li a i {
padding-left: 5px;
}
}
.con_data .con_main .box_data ul li a i img {
width: 20px;
}
.box_trend .table-last-note {
font-size: 12px;
margin-top: -5em;
margin-bottom: 60px;
}
.con_trend .box_trend .tbl_basic {
table-layout: fixed;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.box_trend .table-last-note {
margin-top: -3em;
}
}
.con_trend .box_trend .tbl_basic th.trend-table-title {
width: 18%;
}
.con_trend .box_trend .tbl_basic th.trend-table-title2 {
width: 22%;
}
@media only screen and (max-width: 767px) {
.con_trend .box_trend .tbl_basic th.trend-table-title,
.con_trend .box_trend .tbl_basic th.trend-table-title2 {
width: 150px;
word-wrap: break-word;
}
}
@media only screen and (max-width: 767px) {
.con_trend .box_trend .box_tbl .tbl_basic {
width: 800px;
min-width: 800px;
}
.box_tbl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}