@charset "UTF-8";
  body{
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
margin: 0;
padding: 0;
} .menu { margin-bottom: 0; overflow: hidden;
background: #fff;
}
.menu ul li { margin-top: 10px;
}
.menu li a {
font-size: 12px;
margin-right: 20px;
}
.menu .okdlogo { margin-left: 20px;
width: 220px;
clear: both;
}
.menu .flag { margin-left: 5px;
clear: both;
}
.menu .collapse {
margin-top: 10px; } @media(max-width: 767px) {
.menu .navbar-toggle{ margin-top: 25px !important;
margin-bottom: 13px;
}
.menu ul li { margin-top: 0px !important; }
.menu li:hover { background: #999 !important;
}
.menu li a {
font-size: 16px;
}
.menu li a:hover {
color: #fff !important;
}
.menu i {
padding-right: 5px; }
.menu .okdlogo {
margin-left: 0px !important; width: 220px; clear: both; }
} .footerinfo {
margin-top: 30px;
margin-bottom: 0;
width: 100%;
padding: 30px 0 30px 0;
color: #CACACA;
background: rgb(25,84,135); background: -moz-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(25,84,135,1)), color-stop(75%, rgba(11,34,58,1))); background: -webkit-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: -o-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: -ms-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: linear-gradient(to bottom, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195487', endColorstr='#0b223a', GradientType=0 ); }
.footerinfo h2 {
display: block;
font-size: 20px;
line-height: 1.4;
border-bottom: dotted 1px #cacaca;
}
.footerinfo h3 {
font-size: 18px;
line-height: 1;
padding: 0;
color: #2A8FEB;
}
.footerinfo ul {
padding: 0;
display: block;
margin-left: -5px;
}
.footerinfo li {
list-style: none;
line-height: 1.2;
display: inline-block; margin: 3px 0; vertical-align: top;
} .footerinfo li a {
display: block; line-height: 1.2;
padding: 5px 8px;
font-size: 14px;
color: #CACACA;
text-decoration: none;
white-space: nowrap; }
.footerinfo li a:hover {
color: #fff;
}
.companydata {
margin-top: 30px;
}
.companydata p, address {
line-height: 1.2;
text-align: left;
}
.companydata span {
font-size: 20px;
font-weight: 600;
color: #2A8FEB;
line-height: 1;
}
.companydata .open {
font-size: 10px;
}
.footer {
background: #aaa;
width: 100%;
margin-top: 0px;
}
.footer p {
padding: 10px;
color: #fff;
text-align: center;
margin-top: 10px;
} @media (max-width: 991px) {
.footerinfo .kawasaki_sdgs { clear: both;
}
} .info-title {
background: #F8F8F8;
padding: 50px;
text-align: center;
color: #575757;
box-shadow: 0 0 10px;
margin-bottom: 20px;
}
.info-title h1 {
font-size: 24px;
font-family: "Courier New", Courier, monospace;
} @media (min-width: 768px) {
.global ul, .global ol {
display : table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.4;
list-style: none;
}
.global li {
display: table-cell;
text-align: center;
*float: left;
}
.global li a {
display: block;
padding: 10px 5px 10px 5px;
font-size: 14px;
font-weight: 300;
color: #eee !important;
text-decoration: none;
}
.global li span {
display: block;
font-size: 10px;
}
.global li a { padding: 10px 0;
border-right: solid 1px #aaa;
}
.global li:first-child a {
border-left: solid 1px #aaa;
}
.global { padding: 0;
border-bottom: solid 1px #aaa;
border-top: solid 1px #aaa;
}
.global li:hover {
background: #03366C !important;
}
.global li a:hover {
color: #fff !important;
}
.global .navbar-nav, .global .navbar-nav>li { float: none;
}
.global .navbar-collapse:before, .global .navbar-collapse:after, .global .nav:before, .global .nav:after {
display: none;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav> .open>a:hover, .navbar-inverse .navbar-nav> .open>a:focus{
background-color: #FFFFFF;
}
.pi_line{
display: none;
}
} @media (max-width: 991px) {
.kawasaki_sdgs img {
padding-top: 25px;
}
} @media(max-width: 767px) {
.global li { margin-left : 10px; }
.global li:hover {
background: #03366C !important;
}
.global li a { display: block;
padding: 10px 5px 10px 5px;
font-size: 16px;
color: #eee !important;
text-decoration: none;
}
.global li a:hover {
color: #fff !important;
}
.global span:before { content: "  /  ";
}
.pi_line{
display: block;
padding: 0 0 20px 0;
}
} @media(max-width: 480px){
h2{
font-size:20px;
}
h3{
font-size: 18px;
}
} .global {
background: rgb(25,84,135); background: -moz-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(25,84,135,1)), color-stop(75%, rgba(11,34,58,1))); background: -webkit-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: -o-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: -ms-linear-gradient(top, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); background: linear-gradient(to bottom, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195487', endColorstr='#0b223a', GradientType=0 ); } .subbanner {
width: 100%;
float: left;
background: #F8F8F8;
padding: 10px 0 20px 0;
box-shadow: 0 0 6px;
}
.subbanner img {
display: block;
width: 100%;
height: auto;
padding: 5px;
margin: 5px 5px 5px 0;
}
.subbanner img:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-mos-filter: "alpha(opacity=60)";
-mos-opacity:0.6;
}
.subbanner h2 {
color: #343434;
font-size: 20px;
}
.subbanner span {
font-size: 14px;
} .new {
margin: 34px 0 40px;
padding: 0;
}
.new h2 { font-size: 20px;
margin-bottom: 10px;
}
.new span {
font-size: 14px;
}
.new .scr {
overflow: scroll; height: 210px;
}
.new ul {
margin-top: 20px;
padding: 0;
font-size: 14px;
line-height: 1.2;
list-style: none;
}
.new li {
margin-top: -20px;
}
.new li dt {
color: #000;
margin-left: 10px;
float: left;
margin-right: 20px;
margin-top: 10px;
}
.new li a {
display: block;
padding: 10px 5px 10px 5px;
color: #000;
text-decoration: none;
border-bottom: dashed 1px #aaa;
}
.new li a:hover {
background-color: #eee;
}
.new .btn {
margin-left: 20px;
} .plasma {
width: 100%;
margin-bottom: 20px;
padding: 0;
clear: both;
}
.plasma h2 {
color: #343434;
font-size: 20px;
}
.plasma span {
font-size: 14px;
}
.plasma img {
float: left;
margin: 5px;
width: 150px;
clear: both;
border: solid 1px #aaa;
}
.plasma a {
display: block;
float: left;
}
.plasma img:hover {
border: solid 1px #2A8FEB;
} .eventbanner {
margin: 40px 0;
}
.eventbanner h2 {
color: #343434;
font-size: 20px;
margin-bottom: 20px;
}
.eventbanner span {
font-size: 14px;
} .fb-container {
width: 100%;
max-width: 100%;
overflow: hidden;
margin-top: 30px;
} .fb-container .fb-page,
.fb-container .fb-page span,
.fb-container .fb-page iframe {
width: 100% !important;
max-width: 100% !important;
} .fb-container iframe {
display: block;
max-width: 100% !important;
} .info-title {
background: #F8F8F8;
padding: 50px;
text-align: center;
color: #575757;
box-shadow: 0 0 10px;
margin-bottom: 20px;
}
.info-title h1 {
font-size: 24px;
font-family: "Courier New", Courier, monospace;
}
.info-top h2 {
font-size: 18px;
margin-left: 5px;
}
.infotext {
margin: 10px;
}
.info-list small {
font-size: 12px;
line-height: 1;
color: #666666;
}
.info-list img {
float: left;
margin-right: 10px;
clear: both;
}
.infocontents {
width: 100%;
display: table;
padding: 20px 10px 10px 10px;
border-top: solid 1px #aaa;
}
.infocontents img {
border: solid 1px #eee;
}
.infocontents h3 {
color: #000;
font-size: 18px;
line-height: 1.2;
margin: 0px;
padding: 10px;
border-bottom: dotted 1px #aaa;
}
.infocontents h3:hover {
color: #78AED9;
text-decoration: none;
}
.infocontents p {
padding: 10px;
}
.infocontents a {
text-decoration: none;
color: #666666;
}
.infocontents a:hover {
color: #78AED9;
} @media screen and (max-width: 479px) {
.infocontents {
display: block; padding: 15px 10px;
} .infocontents img, .info-list img {
float: none; display: block; width: 70%; max-width: 100%;
margin: 0 auto 15px; height: auto; }
.infotext {
display: block;
width: 100%;
}
.infocontents h3 {
padding: 5px 0 10px 0; }
}
.mediainfo2 a:hover {
padding: 5px 10px;
background: #76A126;
color: #4A6518;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.mediainfo2 a {
padding: 5px 10px;
background: #76A126;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.mediainfo4 a:hover {
padding: 5px 10px;
background: #BAB62D;
color: #716F1C;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.mediainfo4 a {
padding: 5px 10px;
background: #BAB62D;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.eventnews a {
padding: 5px 10px;
background: #F3AF26;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.newproduct a:hover {
padding: 5px 10px;
background: #E91519;
color: #880D10;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.newproduct a {
padding: 5px 10px;
background: #E91519;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.information a:hover {
padding: 5px 10px;
background: #66B3D9;
color: #27789E;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.information a {
padding: 5px 10px;
background: #66B3D9;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
} #tablepress-189 {
width: 60%;
margin-top: 10px;
margin-left : 0 ;
margin-right : auto ;
font-size: 100%;
}
#tablepress-189,
#tablepress-189 .column-1,
#tablepress-189 .column-2,
#tablepress-189 .column-3 {
border: solid 1px #aaa;
text-align: center;
}
#tablepress-190 {
width: 100%;
margin-top: 50px;
margin-left: 0 ;
margin-right: auto ;
font-size: 100%;
}
#tablepress-190 .column-1,
#tablepress-190 .column-2,
#tablepress-190 .column-3,
#tablepress-190 .column-4,
#tablepress-190 .column-5 { text-align: center;
}
#tablepress-191 {
width: 100%;
margin-top: 50px;
margin-left: 0 ;
margin-right: auto ;
font-size: 100%;
}
#tablepress-191 .column-1,
#tablepress-191 .column-2,
#tablepress-191 .column-3,
#tablepress-191 .column-4,
#tablepress-191 .column-5 { text-align: center;
}
@media (max-width: 480px) {
.infotext {
clear: both;
padding-top: 5px;
}
}
.wp-pagenavi {
margin: 30px auto;
text-align: center;
font-size: 130%;
}
.wp-pagenavi a, .wp-pagenavi span {
border: none;
}
.wp-pagenavi .current {
border: none;
background-color: #78AED9;
color: #fff;
margin: 0 5px;
} #side {
padding: 0;
margin-top: 30px;
box-shadow: 0 0 5px;
clear: both
}
.widget-area {
padding: 0;
margin: 10px 0;
}
.widget-area h3 {
font-size: 16px;
margin-left: 10px;
line-height: 1.2;
font-weight: 600;
color: #2A8FEB;
}
.widget-area ul {
padding: 10px;
margin-top: -10px;
color: #000;
font-size: 16px;
line-height: 1.2;
background-color: #F8F8F8;
border-radius: 5px;
}
.widget-area li {
display: block;
}
.widget-area li a {
display: block;
padding: 10px;
color: #000;
font-size: 14px;
border-bottom: dotted 1px #aaa;
text-decoration: none;
}
.widget-area li a:hover {
background: #eee;
} .newspage {
padding: 10px;
margin: 10px 0;
}
.newspage h2 {
padding: 10px 0 10px 15px;
font-size: 20px;
line-height: 1.2;
color: #eee;
margin-top: 5px;
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30,87,153,1)), color-stop(84%, rgba(110,169,219,1)), color-stop(92%, rgba(118,177,226,0.7)), color-stop(100%, rgba(125,185,232,0))); background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: -o-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=0 ); }
.newspage small {
font-size: 12px;
line-height: 1;
color: #eee;
}
.news-content {
margin: 20px 0;
}
.ssba {
margin: 10px 0 0 0;
border-top: dotted 1px #aaa;
}
.returnnews a {
margin: 10px 10px 50px 0;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news-content {
padding: 10px;
}
@media (max-width: 480px) {
.newspage {
padding: 0;
margin: 10px 0;
}
.newspage h2 {
padding: 10px 0 10px 15px;
font-size: 16px;
line-height: 1.2;
color: #eee;
margin-top: 5px;
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30,87,153,1)), color-stop(84%, rgba(110,169,219,1)), color-stop(92%, rgba(118,177,226,0.7)), color-stop(100%, rgba(125,185,232,0))); background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: -o-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(30,87,153,1) 0%, rgba(110,169,219,1) 84%, rgba(118,177,226,0.7) 92%, rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=0 ); }
.newspage small {
font-size: 12px;
line-height: 1.2;
color: #eee;
}
} @media (min-width: 750px) {
.p-lineup {
height: 450px;
}
}
.p-lineup {
text-align: center;
padding: 0 30px 10px 30px;
margin: 10px 0;
border: solid 1px #eee;
background: #fff;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}
.p-lineup img {
max-width: 60%;
height: auto;
margin-right: auto;
margin-left: auto;
vertical-align: bottom;
display: block;
margin-bottom: 10px;
}
.p-lineup .btn {
display: block;
text-align: center;
}
.p-lineup p {
font-size: 14px;
margin: 0;
line-height: 1.4;
word-wrap: break-word;
padding-bottom: 10px;
text-align: left;
}
.p-lineup .itemname {
text-align: center;
color: #666666;
line-height: 1;
font-size: 12px;
margin-bottom: 10px;
padding: 0;
}
.p-lineup .discon1{
width: 70%;
padding: 0;
margin: 0 auto;
border: solid 2px #ff0000;
}
.p-lineup .discon1 p{
text-align: center;
margin: 0; 
padding: 0;
}
.p-lineup :after {
content: "";
display: block;
clear: both;
}
.p-lineup {
*zoom:1;
} .oshiro {
padding: 30px 0;
text-align: center;
}
.oshiro h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.oshiro h3 {
line-height: 1.8;
padding-bottom: 10px;
}
.oshiro p {
line-height: 1.8;
margin-bottom: 20px;
color: #666666;
font-size: 16px;
}
.oshiro img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.oshiro h4 {
text-align: center;
font-size: 16px;
}
.oshiro .discon2{
width: 90%;
padding: 5px;
margin: 0 auto;
border: solid 2px #ff0000;
}
.oshiro .discon2 p{
text-align: center;
font-size: 16px;
margin: 0; 
padding: 0;
}
.modevplus {
padding: 30px 0;
background: #eee;
text-align: center;
}
.modevplus h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.modevplus p {
line-height: 1.8;
margin-bottom: 20px;
color: #000;
font-size: 16px;
}
.modevplus img {
display: block;
margin-left: auto;
margin-right: auto;
}
.modevplus img:first-child {
margin-top: 20px;
}
.speedvplus {
padding: 30px 0;
}
.speedvplus h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.speedvplus-text p {
line-height: 1.8;
margin-top: 50px;
color: #666666;
font-size: 16px;
text-align: left;
}
.speedvplus img {
display: block;
margin-left: auto;
margin-right: auto;
color: #666666;
}
.speedvplus-img h4, .speedvplus-img p {
text-align: center;
}
.effectvplus {
background-image: url(//www.okadaprojects.com/wp-content/themes/okd/images/pviconbck2.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0;
text-align: center;
}
.effectvplus h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.pv-icon {
display: block;
}
.effectvplus img {
width: 100%;
padding: 0 20%;
}
.effectvplus h3 {
font-size: 18px;
line-height: 1.2;
color: #000;
text-align: center;
font-weight: 800;
margin-top: 10px;
color: #E95E00;
}
.pageback a {
font-size: 18px;
line-height: 1.6;
display: block;
margin: 10px;
}
.powercheck {
padding: 30px 0 50px 0;
text-align: center;
}
.powercheck h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.powercheck p {
line-height: 1.6;
color: #666666;
font-size: 16px;
}
.powercheck img {
display: block;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.othrer1vplus {
padding: 30px 0;
text-align: center;
background: #eee;
}
.othrer1vplus h2 {
text-align: center;
padding: 5px 0 20px 0;
font-size: 24px;
}
.spacevplus img {
width: 100%;
margin: 0 0 20px 0;
}
.safevplus img {
width: 60%;
margin: 30px 0 20px 0;
}
.spacevplus p, .safevplus p {
text-align: left;
}
.othrer2vplus {
padding: 30px 0;
text-align: center;
}
.othrer2vplus h2 {
text-align: center;
padding: 5px 0 20px 0;
font-size: 24px;
}
.othrer2vplus h3 {
font-size: 24px;
line-height: 1.2;
color: #1262AD;
font-weight: 800;
margin-bottom: 20px;
}
.othrer2vplus h4 {
font-size: 18px;
text-align: left;
margin: 10px;
color: #666666;
}
.othrer2vplus p {
margin-bottom: 20px;
text-align: left;
color: #666666;
}
.othrer2vplus li {
margin: 10px 0;
text-align: left;
color: #666666;
font-size: 16px;
}
.othrer3vplus {
padding: 30px 0;
text-align: center;
background: #eee;
}
.othrer3vplus h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.othrer3vplus h4 {
color: #F2181B;
font-weight: 800;
margin-bottom: -10px;
}
.othrer3vplus p {
margin: 20px 0;
text-align: left;
font-size: 16px;
line-height: 1.4;
}
.othrer3vplus p:last-child {
text-align: center;
}
.productinfo {
padding: 30px 0;
text-align: center;
}
.productinfo h2 {
text-align: center;
padding: 5px 0 40px 0;
}
.productinfo h4 {
margin-top: 20px;
color: #666666;
}
.productinfo li {
margin: 5px 0;
color: #666666;
text-align: left;
font-size: 16px;
}
p.discon3 {
margin: 15px 0;
color: #ff0000;
font-weight: bold;	
font-size: 16px;
}
#tablepress-2, #tablepress-289 {
width: 100%;
margin: 0 auto 0 auto;
font-size: 100%;
} .tablepress-id-2,
.tablepress-id-2 td,
.tablepress-id-2 th,
.tablepress-id-289,
.tablepress-id-289 td,
.tablepress-id-289 th {
border: solid 1px #aaa !important;
text-align: center !important;
} .pv_harness {
padding: 30px 0;
text-align: center;
background: #eee;
}
.pv_harness h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.pv_harness h4 {
color: #F2181B;
font-weight: 800;
margin-bottom: -10px;
}
.pv_harness p.explanation {
margin: 20px 0;
text-align: left;
font-size: 16px;
line-height: 1.4;
}
.pv_harness p.explanation:last-child {
text-align: center;
}
#tablepress-186 {
width: 60%;
margin: 0 auto;
font-size: 100%;
}
#tablepress-186 td {
border: solid 1px #aaa;
text-align: center;
} .whatsground {
padding: 30px 0 40px;
text-align: center;
}
.whatsground h2 {
text-align: center;
padding: 5px 0 20px;
}
.whatsground p {
line-height: 1.8;
margin-bottom: 20px;
color: #666666;
font-size: 16px;
text-align: left;
}
.whatsground .groundcap {
line-height: 1.4;
margin-bottom: 20px;
color: #666666;
font-size: 12px;
text-align: center;
}
.whatsground img {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
}
.whatsground h4 {
text-align: center;
font-size: 16px;
}
.whatsground2 {
padding: 30px 0 40px 0;
background: #eee;
text-align: center;
}
.whatsground2 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.whatsground2 p {
line-height: 1.8;
margin-bottom: 0px;
font-size: 16px;
text-align: left;
}
.whatsground2 .groundcap {
line-height: 1.6;
margin-bottom: 20px;
font-size: 12px;
text-align: center;
}
.whatsground2 h4 {
text-align: center;
color: #03366C;
} .PI1 {
padding: 30px 0 40px 0;
text-align: center;
}
.PI1 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.PI1 h4 {
text-align: center;
color: #000;
padding: 40px 0 0 0;
}
.PI1 p {
line-height: 1.8;
margin-bottom: 20px;
font-size: 15px;
text-align: center;
}
.PI1 img {
margin-top: 30px;
margin-bottom: 30px;
}
.PI1 ul {
text-align: left;
}
.PI2, .PI3 {
padding: 30px 0 0 0;
text-align: center;
background: #888888;
}
.PI2 h2, .PI3 h2, .PI4 h2 {
text-align: center;
padding: 5px 0 20px 0;
color: #fff;
}
.PI2 h4 {
text-align: center;
color: #fff;
padding: 0 0 10px 0;
}
.PI2 p {
line-height: 1.6;
padding: 30px 30px 40px 30px;
font-size: 15px;
color:#fff;
text-align: center;
}
.PI2 #img_padding{
padding:20px 0px 50px 0px;
}
.PI2 button {
margin-bottom: 50px;
margin-right: 10px;
margin-left: 10px;
}
.PI3 p {
line-height: 1.6;
padding: 0 30px;
font-size: 15px;
color:#fff;
text-align: center;
}
.PI3 span {
font-size: 12px;
}
.PI3 img{
width: 70%;
margin-bottom: 60px;
}
.PI4 {
padding: 30px 0;
text-align: center;
background: #888888;
}
.PI4 p {
line-height: 1.6;
padding: 30px 30px 40px 30px;
font-size: 15px;
color:#fff;
text-align: left;
}
.PI4 a {
color:#fff;
}
.effectPI {
background-image: url(https://www.okadaprojects.com/wp-content/themes/okd/images/piback.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 0 0;
text-align: center;
}
.effectPI img {
width: 100%;
padding: 0 20%;
}
.effectPI h2 {
text-align: center;
padding: 5px 0 30px 0;
}
.effectPI h3 {
font-size: 18px;
line-height: 1.2;
color: #3399cc;
text-align: center;
font-weight: 800;
margin-top: 10px;
}
.effectPI P {
margin-bottom: 40px;
} .guarantee {
padding: 20px 0 0 0;
background: #fff;
text-align: center;
}
.guarantee h4 {
text-align: center;
color: #000;
} .whatsground3 {
background: #eee;
padding: 30px 0 40px 0; }
.whatsground3 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.whatsground3 p {
line-height: 1.8;
margin-bottom: 20px;
font-size: 16px;
text-align: left;
}
.whatsground3 .groundcap {
line-height: 1.6;
margin-bottom: 20px;
font-size: 12px;
text-align: center;
}
.whatsground3 h4 {
text-align: center;
color: #03366C;
}
.effectground {
background-image: url(//www.okadaprojects.com/wp-content/themes/okd/images/groundback.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 40px 0;
text-align: center;
}
.effectground h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.effectground img {
width: 100%;
padding: 0 20%;
}
.effectground h3 {
font-size: 18px;
line-height: 1.2;
color: #000;
text-align: center;
font-weight: 800;
margin-top: 10px;
color: #000;
}
.sizeground {
padding: 30px 0 40px 0;
text-align: center;
}
.sizeground h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.sizeground p {
line-height: 1.8;
margin-top: 100px;
color: #666666;
font-size: 16px;
text-align: left;
}
.toritukeground {
padding: 30px 0 40px 0;
text-align: center;
}
.toritukeground h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.toritukeground p {
line-height: 1.8;
color: #666666;
font-size: 16px;
text-align: left;
}
.toritukeground p:last-child {
font-size: 12px;
color: #000;
}
.toritukeground2 {
padding: 30px 0;
text-align: center;
background: #eee;
}
.toritukeground2 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.toritukeground2 li {
float: left;
list-style: none;
margin: 10px;
}
.other1 {
padding: 30px 0;
background: #eee;
text-align: center;
}
.other1 h2 {
text-align: center;
padding: 5px 0 20px 0;
} .pseffect1 {
padding: 30px 0;
background: #eee;
text-align: center;
}
.pseffect1 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.pseffect1 h4 {
line-height: 1.8;
margin-bottom: 24px;
color: #49afd0;
font-size: 24px;
}
.pseffect2 {
padding: 30px 0;
}
.pseffect2 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.pseffect2 h3 {
line-height: 1.8;
margin-bottom: 10px;
color: #49afd0;
font-size: 24px;
}
.pseffect2 h4 {
font-size: 16px;
line-height: 1.4;
text-align: center;
}
.pseffect2 .cap {
font-size: 13px;
line-height: 1.2;
text-align: center;
}
.pseffect2 p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 20px;
}
.pseffect2 img {
width: 100%;
margin: 10px;
text-align: center;
}
.pseffect2 img:last-child {
margin-top: -20px;
}
#tablepress-6 {
width: 100%;
margin: 0 auto 0 auto;
font-size: 90%;
text-align: center;
}
#tablepress-7 {
width: 90%;
margin: 0 auto 0 auto;
font-size: 90%;
text-align: center;
border: solid 1px #aaa;
}
#tablepress-7 td {
text-align: center;
}
.spsubaru {
padding: 30px 0;
background: #eee;
}
.spsubaru h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.spsubaru h5 {
color: red;
} p.oshirocap {
font-size: 14px;
color: #000;
}
.nensyoimg h4 {
margin-top: 0;
}
.nensyoimg img {
width: 80%;
}
.nensyoimg a {
display: block;
margin-top: 100px;
}
.nensyoimg p {
margin-top: 5px;
font-size: 16px;
}
.nensyoimg {
margin-bottom: 35px;
}
.effectbooster {
background-image: url(//www.okadaprojects.com/wp-content/themes/okd/images/pbback.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 40px 0;
text-align: center;
}
.effectbooster h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.effectbooster img {
width: 100%;
padding: 0 20%;
}
.effectbooster h3 {
font-size: 18px;
line-height: 1.2;
color: #03366C;
text-align: center;
font-weight: 800;
margin-top: 10px;
}
.pbtype {
padding: 30px 0;
text-align: center;
background: #eee;
}
.pbtype img {
padding: 20px;
width: 100%;
margin-bottom: 20px;
}
.pbtype h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.pbtype h3 {
padding: 10px;
margin: 10px;
background: #03366C;
color: #fff;
border-radius: 5px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#tablepress-8,
#tablepress-9,
#tablepress-10,
#tablepress-11,
#tablepress-12 {
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
border: solid 1px #eee;
}
.pbmount {
padding: 30px 0;
text-align: center;
}
.pbmount img {
width: 100%;
padding: 10px;
}
.pbmount2 {
text-align: left;
color: #666666;
margin-top: 30px;
line-height: 1.6;
}
.pbmount2 img {
margin-top: -20px;
text-align: center;
}
.pbmount2 h4 {
margin-top: 20px;
}
.pbmount2 a {
margin: 5px;
display: inline-block;
float: left;
}
.pblineup {
padding: 30px 0;
text-align: center;
background: #eee;
}
.pblineup h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.pblineup li {
text-align: left;
line-height: 1.6;
}
.pblineup .btn {
margin-bottom: 20px;
display: inline-block;
} .whatsmonkey {
padding: 30px 0 40px 0;
text-align: center;
}
.whatsmonkey h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.whatsmonkey p {
line-height: 1.8;
margin-bottom: 20px;
color: #666666;
font-size: 16px;
}
.monkey {
margin: 30px 0;
}
.monkey h3 {
color: #666666;
}
#tablepress-17,
#tablepress-18 {
width: 90%;
margin: 20px auto;
font-size: 90%;
}
#tablepress-17 td,
#tablepress-18 td {
border: solid 1px #eee;
text-align: center;
}
#tablepress-17 .row-1,
#tablepress-17 .row-2,
#tablepress-18 .row-1,
#tablepress-18 .row-2 {
background: #9ED2E4;
} .corseharnes, .corseharnes1, .corsepack, .corseline {
padding: 50px 0;
background: #eee;
text-align: center;
}
.whatsmonkey span {
line-height: 1.8;
font-size: 24px;
margin-left: 5px;
}
.corseharnes h3, .corseharnes1 h3, .corsepack h3 {
padding: 10px;
border-radius: 5px;
color: #fff;
background: #EA2C2F;
font-size: 20px;
line-height: 1.4;
margin-top: 50px;
}
.corseharnes p, .corseharnes1 p, .corsepack p {
font-size: 16px;
line-height: 1.4;
text-align: left;
}
.corseharnes li {
font-size: 18px;
line-height: 1.8;
text-align: left;
}
.corseharnes1, .corseline {
background: #fff;
}
.corseharnes1 img {
width: 80%;
}
.corsepack img {
height: 400px;
margin-left: auto;
margin-right: auto;
} .effectdirect {
background-image: url(//www.okadaprojects.com/wp-content/themes/okd/images/pdback.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 40px 0;
text-align: center;
}
.effectdirect2 {
background-image: url(//www.okadaprojects.com/wp-content/themes/okd/images/pd2back.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 40px 0;
text-align: center;
}
.effectdirect h2, .effectdirect2 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.effectdirect img, .effectdirect2 img {
width: 100%;
padding: 0 20%;
}
.effectdirect h3, .effectdirect2 h3 {
font-size: 18px;
line-height: 1.2;
color: #e32121;
text-align: center;
font-weight: 800;
margin-top: 10px;
}
.effectdirect p {
line-height:1.5em;
} .pd_subarucoil{
margin: 40px 0 0 0;
width: 75%;
} @media screen and (min-width: 992px) and (max-width: 1199px) {
.pd_subarucoil{
margin: 40px 0 0 0;
width: 95%;
}
} @media screen and (min-width: 750px) and (max-width: 991px) {
.pd_subarucoil{
margin: 40px 0 0 0;
width: 60%;
}
} .pcmount {
padding: 30px 0;
text-align: center;
}
.pcmount img {
width: 100%;
padding: 10px;
}
.pcmount h2 {
text-align: center;
padding: 5px 0 20px 0;
}
#tablepress-15 {
margin-top: 20px;
}
#tablepress-16 {
width: 100%;
font-size: 90%;
border: solid 1px #eee;
}
.pcosillo {
line-height: 1.8;
margin-bottom: 20px;
color: #666666;
font-size: 16px;
text-align: left;
} .lineup {
padding: 0;
margin: 20px 0 50px 0;
}
.lineup h2 {
font-size: 25px;
line-height: 1.6;
font-weight: 600;
border-bottom: solid 1px #aaa;
}
.lineup h3 {
padding: 10px 0 5px 20px;
color: #000;
background-image: -moz-linear-gradient(top, #f9f9f9, #cfcfcf);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #cfcfcf));
font-size: 18px;
line-height: 1.2;
box-shadow: 0 2px 1px #fff inset;
-webkit-box-shadow: 0 2px 1px #fff inset;
-moz-box-shadow: 0 2px 1px #fff inset;
}
.lineup h3 small {
text-decoration: underline;
margin-left: 10px;
}
.lineup h3:first-child {
margin-top: 30px;
}
.lineup li {
float: left;
}
.lineup .btn {
margin: 10px;
} .lineup_pi {
margin-bottom:25px;
clear: both;
} .lineuptitle h1 {
font-weight: 600;
line-height: 1.4;
font-size: 32px;
} .lineup_caution{
display: flex;
margin-bottom: 40px;
}
.caution_left{
width: 50px;
}
.caution_right{
flex: 1; } .lineup2title{
margin-top: 40px;
} .add_lineup_text li{
float: none !important; padding: 5px 0;
} .lineup .lineup_pv {
margin-top: 25px;
}  .tablepress-scroll-wrapper {
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
} .tablepress-id-1,
.tablepress-id-6,
.tablepress-id-8,
.tablepress-id-9,
.tablepress-id-10,
.tablepress-id-11,
.tablepress-id-12,
.tablepress-id-17,
.tablepress-id-18,
.tablepress-id-42,
.tablepress-id-43,
.tablepress-id-44,
.tablepress-id-79,
.tablepress-id-88,
.tablepress-id-170,
.tablepress-id-171,
.tablepress-id-176,
.tablepress-id-177,
.tablepress-id-178,
.tablepress-id-179,
.tablepress-id-180,
.tablepress-id-181,
.tablepress-id-183,
.tablepress-id-184,
.tablepress-id-185,
.tablepress-id-187,
.tablepress-id-271,
.tablepress-id-282,
.tablepress-id-284,
.tablepress-id-304 {
width: 100% !important;
border: solid 1px #eee !important;
} .tablepress-id-7{
width: 70% !important;
} .tablepress-id-21 th,
.tablepress-id-22 th,
.tablepress-id-23 th,
.tablepress-id-42 th,
.tablepress-id-44 th {
text-align: center !important;
color: #fff !important;
background: #03366C !important;
} .tablepress-id-43 th {
text-align: center !important;
color: #fff !important;
background: #428bca !important;
} .tablepress-id-79 th {
text-align: center !important;
color: #fff !important;
background: #FBA217 !important;
} .tablepress-id-42 td,
.tablepress-id-43 td,
.tablepress-id-79 td {
height: 45px;
text-align: center !important;
vertical-align: middle !important;
border-left: solid 1px #eee !important;
} .tablepress-id-44 td {
height: 40px !important;
text-align: center !important;
border-left: solid 1px #eee !important;
} .tablepress-id-42 tbody .column-1,
.tablepress-id-43 tbody .column-1,
.tablepress-id-44 tbody .column-1,
.tablepress-id-44 tbody .column-2,
.tablepress-id-79 tbody .column-1 {
text-align: left !important;
border-left: solid 0px !important;
} .tablepress-id-42 th,
.tablepress-id-42 td,
.tablepress-id-43 th,
.tablepress-id-43 td,
.tablepress-id-44 th,
.tablepress-id-44 td,
.tablepress-id-79 th,
.tablepress-id-79 td,
.tablepress-id-88 th,
.tablepress-id-88 td,
.tablepress-id-170 th,
.tablepress-id-170 td,
.tablepress-id-171 th,
.tablepress-id-171 td {
word-break: keep-all !important;
overflow-wrap: normal !important;
}  .tablepress-id-88 th,
.tablepress-id-170 th,
.tablepress-id-171 th {
color: #fff !important;
background: #567AD5 !important;
} .tablepress-id-88 tr:not(.row-1) td {
height: 40px !important;
}
.tablepress-id-170 tr:not(.row-1) td,
.tablepress-id-171 tr:not(.row-1) td {
height: 50px !important;
} .tablepress-id-88 .column-1,
.tablepress-id-170 .column-1,
.tablepress-id-171 .column-1 {
width: 35% !important;
}
.tablepress-id-88 .column-2,
.tablepress-id-170 .column-2,
.tablepress-id-171 .column-2 {
width: 25% !important;
}
.tablepress-id-88 .column-3,
.tablepress-id-88 .column-4,
.tablepress-id-170 .column-3,
.tablepress-id-170 .column-4,
.tablepress-id-171 .column-3
.tablepress-id-171 .column-4 {
width: 20% !important;
} .tablepress-id-287 .column-5{
font-weight: bold;	
} .otherlineup ul, .other2lineup ul, .other4lineup ul, .otherVlineup ul {
margin: 10px 10px 0 10px;
border: solid 1px #aaa;
color: #000;
margin-bottom: 10px;
}
.otherlineup li, .other2lineup li, .other4lineup li, .otherVlineup li {
clear: both;
}
.otherlineup a, .other2lineup li a, .other4lineup li a, .otherVlineup li a {
font-size: 12px;
line-height: 1;
color: #000;
}
.lineuptitle a {
font-size: 24px;
float: right;
}
#bmwinfo {
float : left;
}
#bmwinfo a {
font-size: 16px;
} @media (min-width: 750px) {
.otherlineup ul, .other2lineup ul, .other4lineup ul, .otherVlineup ul {
float: right;
}
}
@media (min-width: 480px) {
#scroll {
display: none;
}
.returntop .fa {
font-size: 30px;
float: right;
}
}
@media (max-width: 480px) {
.lineuptitle h1 {
font-size: 20px;
clear: both;
}
} .shop-top {
text-align: center;
padding: 50px 0 100px 0;
background-image: url(//www.okadaprojects.com/wp-content/themes/okd/images/dealertop.jpg);
margin: 0;
}
.agency {
text-align: center;
padding: 50px 0;
background: #fff;
margin-bottom: 0;
}
.shop-top h2 {
padding: 10px;
font-size: 32px;
line-height: 1.6;
color: #fff;
}
.shop-top p {
font-size: 18px;
line-height: 1.4;
margin-bottom: 20px;
color: #fff;
}
.agency h2 {
padding: 10px;
font-size: 32px;
line-height: 1.6;
}
.agency p {
font-size: 18px;
line-height: 1.4;
margin-bottom: 20px;
}
.shop-top h3 {
display: block;
background: #fff;
color: #000;
padding: 20px 0;
border-radius: 10px;
margin-bottom: 40px;
font-weight: 700;
background-color: rgba(255, 255, 255, 0.75 );
}
.shop-top h3:hover {
background: #50B6FC;
color: #fff;
}
.agency h3 {
display: block;
background: #03366C;
color: #fff;
padding: 20px 0;
width: 30%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}
.shop-top li, .agency li {
list-style: none;
text-align: center;
}
.shop-top a, .agency a {
text-decoration: none;
} .shopcar ul, .shopbike ul {
padding: 0;
margin: 0;
list-style: none;
text-align: center; } .shopcar ul li.dropdown, .shopbike ul li.dropdown {
display: inline-block; width: 100%; max-width: 500px; } .shopcar .dropdown-toggle, .shopbike .dropdown-toggle {
display: block; text-align: center; text-decoration: none; } .shop-top .dropdown-menu > li {
display: inline-block; min-width: 5.5em; margin: 0; text-align: left; list-style: none; font-size: 16px;
padding: 5px;
} .shop-top .dropdown-menu > li > a {
display: block;
padding: 2px 10px;
} .shop-top .dropdown-menu {
background: #fff;
color: #000;
margin-top:	6px !important; text-align: left !important; min-width: 350px; } .shop-top .dropdown-toggle h3 {
margin-bottom: 0; 
} .eventcal {
min-height: 600px;
margin: 20px 0;
}
.eventcal p {
padding: 10px 0;
margin: 0;
float: left;
font-size: 16px;
line-height: 1.6;
}
.event-info h2 {
font-size: 18px;
padding: 10px;
color: #fff;
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30,87,153,1)), color-stop(47%, rgba(75,133,190,1)), color-stop(60%, rgba(87,146,200,0.7)), color-stop(100%, rgba(125,185,232,0)));
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -o-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -ms-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: linear-gradient(to right, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1 );
} .entry-content p {
margin-top: 0;
margin-bottom: 5px;
}
.entry-content p::before {
content: "･"; margin-right: 5px; }
.entry-content p:last-child {
margin-bottom: 40px;
} .fc-left {
display: inline-flex !important; align-items: center !important; white-space: nowrap !important; }
.fc-left * {
margin: 0 !important;
padding: 0 !important;
}
.fc-left::after {
content: "年" !important;
} @media (max-width: 527px) { .fc-day-number {
display: flex !important;
flex-direction: row-reverse !important; justify-content: flex-end !important; align-items: center !important;
padding-left: 5px !important; } .fc-list-header-right {
width: auto !important; margin-right: 5px !important; padding: 0 !important; color: #333 !important;
font-weight: normal !important; } .fc-list-header-right::after {
content: "日 / " !important;
display: inline-block;
} .fc-list-header-left {
width: auto !important; padding: 0 !important;
margin: 0 !important;
color: #333;
font-weight: normal !important; }
} .faqinfo h1 {
font-size: 24px;
padding: 10px;
color: #fff;
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30,87,153,1)), color-stop(47%, rgba(75,133,190,1)), color-stop(60%, rgba(87,146,200,0.7)), color-stop(100%, rgba(125,185,232,0)));
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -o-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -ms-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: linear-gradient(to right, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1 );
}
.faq h2 {
margin-top: 50px;
font-size: 18px;
line-height: 1.2;
padding: 5px 0 5px 10px;
border-bottom: dotted 1px #000;
}
.faq span {
margin-right: 10px;
} .widget {
padding: 0;
margin: 20px 0;
border: solid 1px #78AED9;
}
.side h3 {
background-color: #78AED9;
color: #fff;
padding: 10px;
font-size: 24px;
line-height: 1.2;
margin-top: 0;
}
.side li a {
font-size: 16px;
line-height: 1.4;
}
.timely ai1ec-agenda-widget-view ai1ec-clearfix {
margin-right: 20px;
} #tablepress-172 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 70%;
}
@media(max-width: 767px){
#tablepress-172 {
width: 90%;
}
}
#tablepress-172 .column-1 {
width: 40%;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe, .ggmapr object, .ggmap embed .ggmap div{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 20px;
} .powergraph {
background-image: url(//www.okadaprojects.com/wp-content/themes/okd/images/graphback.jpg);
background-size: 100%;
clear: both;
margin: -15px 0 -30px 0;
}
.powergraph h2 {
font-size: 24px;
line-height: 1.2;
padding: 10px;
color: #fff;
background: #3E5CB3;
border-radius: 5px;
}
.powergraph img {
width: 90%;
}
.guest {
margin:0 0 50px 0;
}
.guest h4 {
padding: 10px;
color: #fff;
background: #3E5CB3;
border-radius: 5px;
}
.guest li {
float: left;
margin: 5px 40px 0 0;
} .center {
text-align: center;
margin-top: -10px;
} .meas h1 {
text-align: center;
font-size: 24px;
line-height: 1.2;
color: #666666;
}
.meas h2 {
text-align: center;
font-size: 24px;
line-height: 1.2;
}
.meas h3 {
font-size: 18px;
line-height: 1.2;
border-bottom: dotted 1px #aaa;
}
.meas h4 {
padding: 10px;
line-height: 1.2;
color: #fff;
margin-top: 20px;
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30,87,153,1)), color-stop(47%, rgba(75,133,190,1)), color-stop(60%, rgba(87,146,200,0.7)), color-stop(100%, rgba(125,185,232,0)));
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -o-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: -ms-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
background: linear-gradient(to right, rgba(30,87,153,1) 0%, rgba(75,133,190,1) 47%, rgba(87,146,200,0.7) 60%, rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8', GradientType=1 );
}
.meas img {
float: none;
}
.meas p {
padding: 10px;
line-height: 1.8;
margin-right: 10px;
}
.meas-contact {
text-align : center;
margin-top: 100px;
} .inner-row {
margin-left: 0;
margin-right: 0;
}
.inner-row > [class^="col-"] {
padding-left: 0;
padding-right: 0;
} .contact h3 {
text-align: center;
color: #666666;
margin-top: 30px;
}
.contact h4 {
text-align: center;
}
.contact p {
text-align: center;
font-size: 14px;
}
.contact p.left {
text-align: left;
font-size: 14px;
}
.utext {
margin: 0 auto;
}   @media screen and (max-width: 480px) {
.utext {
width: 100%;
}
}   @media screen and (min-width: 481px) and (max-width: 749px) {
.utext {
width: 55%;
}
}   @media screen and (min-width: 750px) and (max-width: 991px) {
.utext {
width: 380px;
}
}   @media screen and (min-width: 992px) and (max-width: 1199px) {
.utext {
width: 500px;
}
}   @media screen and (min-width: 1200px) {
.utext {
width: 600px;
}
}
#adressinfo {
font-size: 12px;
color: #666666;
text-align: center;
}
#wpcf7-f1228-o1 {
width: 50%;
margin-left: auto;
margin-right: auto;
}
#wpcf7-f1255-o1 {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.wpcf7-text, .wpcf7-textarea {
width: 90%;
}
.wpcf7-select {
width: 25%;
}
.wpcf7 .seireki {
width: 20%;
}
@media (max-width: 480px) {
#wpcf7-f1228-o1,#wpcf7-f1255-o1 {
width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
.wpcf7-select {
width: 25%;
}
} .popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
background-color: #fff;
overflow: hidden;
z-index: 101;
}
.popup_inner {
padding: 20px;
}
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.7;
z-index: 100;
} #popup1 {
width: 600px;
}
.corse_link {
font-size:12px;
color:#FF0000;
} .switch {
visibility: hidden;
}
.eo-events p{
padding: 5px 10px;
background: #70A7B8;
color: #fff;
list-style: none;
width: 100%;
margin-left: -25px;
margin-bottom: 10px;
border-radius: 5px;
}
.eo-events a{
color: #fff;} .fcenter {
font-size: 10px;
text-align: center;
}  @media(max-width: 750px){
.youtube{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
} .grecaptcha-badge { visibility: hidden; } *:focus,
*:focus-visible,
*:active {
outline: none !important;
box-shadow: none !important;
} a:focus img,
a:active img {
outline: none !important;
box-shadow: none !important;
}