@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; }
.global {
background: rgb(25,84,135); background: linear-gradient(to bottom, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); } @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;
}
.global li span {
display: block;
font-size: 10px;
}
.global li a { display: block;
font-size: 14px;
font-weight: 300;
color: #eee !important;
text-decoration: none;
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;
}
} @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; }
.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: "  /  ";
}
}   .footerinfo {
margin-top: 30px;
margin-bottom: 0;
width: 100%;
padding: 30px 0 30px 0;
color: #CACACA;
background: rgb(25,84,135); background: linear-gradient(to bottom, rgba(25,84,135,1) 25%, rgba(11,34,58,1) 75%); }
.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;
}
.kawasaki_sdgs img {
padding-top: 25px;
}
}         .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;
}
.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;
height: 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 {
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;
}
.my-insta .insta-title{
width: 100%;
max-width: 100%;
margin-top: 30px;
border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color:#DDDDDD;
color:#777777;
padding: 8px 5px; }
.my-insta .insta-photo{
width: 100%;
max-width: 100%;
border: 1px solid #ccc; padding: 0 5px 5px 5px; line-height: 0; }   .info-top h2 {
font-size: 18px;
margin-left: 5px;
}
.info-list small {
font-size: 12px;
line-height: 1;
color: #666666;
}
.info-list img {
float: left;
margin-right: 10px;
clear: both;
}
.info-contents {
width: 100%;
display: table;
padding: 20px 10px 10px 10px;
border-top: solid 1px #aaa;
}
.info-contents img {
border: solid 1px #eee;
}
.info-contents h3 {
color: #000;
font-size: 18px;
line-height: 1.2;
margin: 0px;
padding: 10px;
border-bottom: dotted 1px #aaa;
}
.info-contents h3:hover {
color: #78AED9;
text-decoration: none;
}
.info-contents p {
padding: 10px;
}
.info-contents a {
text-decoration: none;
color: #666666;
}
.info-contents a:hover {
color: #78AED9;
}
.info-text {
margin: 10px;
} @media screen and (max-width: 479px) {
.info-contents {
display: block; padding: 15px 10px;
} .info-list img,
.info-contents img {
float: none; display: block; width: 70%; max-width: 100%;
margin: 0 auto 15px; height: auto; }
.info-contents h3 {
padding: 5px 0 10px; }
.info-text {
display: block;
width: 100%;
}
} .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;
}          .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: 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%); }
.newspage small {
font-size: 12px;
line-height: 1;
color: #eee;
}
.information a {
padding: 5px 10px;
background: #66B3D9;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.information a:hover {
color: #27789E;
}
.mediainfo2 a {
padding: 5px 10px;
background: #76A126;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.mediainfo2 a:hover {
color: #4A6518;
}
.mediainfo4 a {
padding: 5px 10px;
background: #BAB62D;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.mediainfo4 a:hover {
color: #716F1C;
}
.newproduct a {
padding: 5px 10px;
background: #E91519;
color: #fff;
font-size: 12px;
line-height: 1.2;
border-radius: 5px;
}
.newproduct a:hover {
color: #880D10;
}
.news-content {
margin: 20px 0;
padding: 10px;
}
.returnnews a {
margin: 10px 10px 50px 0;
}
.returnnews a:hover {
background: #27789E;
} #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;
}
.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: 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%); }
.newspage small {
font-size: 12px;
line-height: 1.2;
color: #eee;
}
}   #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;
}   .whatsplasma {
padding: 30px 0 40px;
text-align: center;
}
.whatsplasma h2 {
padding: 5px 0 20px;
text-align: center;
}
.whatsplasma h4 {
text-align: center;
font-size: 16px;
}
.whatsplasma p {
line-height: 1.8;
margin-bottom: 20px;
color: #666666;
font-size: 16px;
text-align: left;
}
.whatsplasma .groundcap {
line-height: 1.4;
margin-bottom: 20px;
color: #666666;
font-size: 12px;
text-align: center;
}
.whatsplasma img {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
} .whatsplasma2 {
padding: 30px 0 40px;
background: #eee;
text-align: center;
}
.whatsplasma2 h2 {
text-align: center;
padding: 5px 0 20px;
}
.whatsplasma2 p {
line-height: 1.8;
margin-bottom: 0px;
font-size: 16px;
text-align: left;
}
.whatsplasma2 .groundcap {
line-height: 1.6;
margin-bottom: 20px;
font-size: 12px;
text-align: center;
}
.whatsplasma2 h4 {
text-align: center;
color: #03366C;
} .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 h4 {
text-align: center;
font-size: 16px;
}
.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;
}
p.oshiro_caption {
font-size: 14px;
color: #000;
}
.nensyoimg {
margin-bottom: 35px;
}
.nensyoimg h4 {
margin-top: 0;
}
.nensyoimg img {
width: 80%;
}
.nensyoimg a {
display: block;
margin-top: 100px;
}
.nensyoimg p {
margin-top: 5px;
font-size: 16px;
} .powercheck {
padding: 30px 0 50px;
text-align: center;
}
.powercheck h2 {
text-align: center;
padding: 5px 0 20px;
}
.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;
} .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;
} .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;
} .pageback a {
font-size: 18px;
line-height: 1.6;
display: block;
margin: 10px;
}
.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%;
}
} .guarantee { padding: 20px 0 0;
background: #fff;
text-align: center;
}
.guarantee h4 {
text-align: center;
color: #000;
} .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(max-width: 480px){
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
} .center {
text-align: center;
margin-top: -10px;
}   .p-lineup {
text-align: center;
padding: 0 30px 10px 30px;
margin: 10px 0;
border: solid 1px #eee;
background: #fff;
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;
}
@media (min-width: 750px) {
.p-lineup {
height: 450px;
}
}   .effectdirect {
background-color: #eee;
background-image: url(https://www.okadaprojects.com/wp-content/themes/okd/images/pd/back.webp);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 40px;
text-align: center;
}
.effectdirect2 {
background-color: #eee;
background-image: url(https://www.okadaprojects.com/wp-content/themes/okd/images/pdmc/back.webp);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 40px;
text-align: center;
}
.effectdirect h2,
.effectdirect2 h2 {
text-align: center;
padding: 5px 0 20px;
}
.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,
.effectdirect2 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%;
}
}   .effectbooster {
background-color: #eee;
background-image: url(https://www.okadaprojects.com/wp-content/themes/okd/images/pb/back.webp);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 40px;
text-align: center;
}
.effectbooster h2 {
text-align: center;
padding: 5px 0 20px;
}
.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 h2 { text-align: center;
padding: 5px 0 20px;
}
.pbtype h3 {
padding: 10px;
margin: 10px;
background: #333333;
color: #fff;
border-radius: 5px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.pbtype img {
padding: 20px;
width: 100%;
margin-bottom: 20px;
}
.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;
}
.pblineup li {
text-align: left;
line-height: 1.6;
}
.pblineup .btn {
margin-bottom: 20px;
display: inline-block;
}   .meas p {
padding: 10px;
line-height: 1.8;
margin-right: 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: 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%);
}
.meas img {
float: none;
}
.inner-row { margin-left: 0;
margin-right: 0;
}
.inner-row > [class^="col-"] { padding-left: 0;
padding-right: 0;
}
.meas-contact {
text-align : center;
margin-top: 100px;
}   .whatsmonkey { padding: 30px 0 40px;
text-align: center;
}
.whatsmonkey h2 {
padding: 5px 0 20px;
text-align: center;
}
.whatsmonkey p {
line-height: 1.8;
margin-bottom: 20px;
color: #666666;
font-size: 16px;
}
.whatsmonkey span {
line-height: 1.8;
font-size: 24px;
margin-left: 5px;
}
.monkey {
margin: 30px 0;
}
.monkey h3 {
color: #666666;
}   .corse-section {
padding: 50px 0;
background: #eee;
text-align: center;
}
.corse-section:not(.corselineup) h3 {
padding: 10px;
border-radius: 5px;
color: #fff;
background: #EA2C2F;
font-size: 20px;
line-height: 1.4;
margin-top: 50px;
}
.corse-section p {
font-size: 16px;
line-height: 1.4;
text-align: left;
}
.corse-section li {
font-size: 18px;
line-height: 1.8;
text-align: left;
}
.corseharness,
.corselineup {
background: #fff;
}
.corseharness img {
width: 80%;
}
.corsepack img {
height: 400px;
margin-left: auto;
margin-right: auto;
}   .effectspark1 {
padding: 30px 0;
background: #eee;
text-align: center;
}
.effectspark1 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.effectspark1 h4 {
line-height: 1.8;
margin-bottom: 24px;
color: #49afd0;
font-size: 24px;
}
.effectspark2 {
padding: 30px 0;
}
.effectspark2 h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.effectspark2 h3 {
line-height: 1.8;
margin-bottom: 10px;
color: #49afd0;
font-size: 24px;
}
.effectspark2 h4 {
font-size: 16px;
line-height: 1.4;
text-align: center;
}
.effectspark2 .spark_caption {
font-size: 13px;
line-height: 1.2;
text-align: center;
}
.effectspark2 p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 20px;
}
.effectspark2 img {
width: 100%;
margin: 10px;
text-align: center;
}
.effectspark2 img:last-child {
margin-top: -20px;
}
.pslineup {
padding: 30px 0;
background: #eee;
}
.pslineup h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.pslineup h5 {
color: red;
}   .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;
}
p.pv_discon3 { margin: 15px 0;
color: #ff0000;
font-weight: bold;	
font-size: 16px;
}
.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-color: #eee;
background-image: url(https://www.okadaprojects.com/wp-content/themes/okd/images/pv/back.webp);
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;
}
.other1vplus {
padding: 30px 0;
text-align: center;
background: #eee;
}
.other1vplus 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;
}
.other2vplus {
padding: 30px 0;
text-align: center;
}
.other2vplus h2 {
text-align: center;
padding: 5px 0 20px 0;
font-size: 24px;
}
.other2vplus h3 {
font-size: 24px;
line-height: 1.2;
color: #1262AD;
font-weight: 800;
margin-bottom: 20px;
}
.other2vplus h4 {
font-size: 18px;
text-align: left;
margin: 10px;
color: #666666;
}
.other2vplus p {
margin-bottom: 20px;
text-align: left;
color: #666666;
}
.other2vplus li {
margin: 10px 0;
text-align: left;
color: #666666;
font-size: 16px;
}
.other3vplus {
padding: 30px 0;
text-align: center;
background: #eee;
}
.other3vplus h2 {
text-align: center;
padding: 5px 0 20px 0;
}
.other3vplus h4 {
color: #F2181B;
font-weight: 800;
margin-bottom: -10px;
}
.other3vplus p {
margin: 20px 0;
text-align: left;
font-size: 16px;
line-height: 1.4;
}
.other3vplus p:last-child {
text-align: center;
}
.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;
}   .PI1 {
padding: 30px 0 40px;
text-align: center;
}
.PI1 h2 {
text-align: center;
padding: 5px 0 20px;
}
.PI1 h4 {
text-align: center;
color: #000;
padding: 40px 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 h4 {
text-align: center;
color: #fff;
padding: 0 0 10px 0;
}
.PI2 p {
line-height: 1.6;
padding: 30px 30px 40px;
font-size: 15px;
color:#fff;
text-align: center;
}
.PI2 #img_padding{
padding:20px 0 50px;
}
.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;
}
.PI2,
.PI3 {
padding: 30px 0 0;
text-align: center;
background: #888888;
}
.PI2 h2,
.PI3 h2,
.PI4 h2 {
text-align: center;
padding: 5px 0 20px 0;
color: #fff;
}
@media (min-width: 768px) { .pi_line {
display: none;
}
}
@media(max-width: 767px) { .pi_line {
display: block;
padding: 0 0 20px;
}
}
.effectPI {
background-color: #eee;
background-image: url(https://www.okadaprojects.com/wp-content/themes/okd/images/pi/back.webp);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
padding: 30px 0 0 0;
text-align: center;
}
.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;
}
.effectPI img {
width: 100%;
padding: 0 20%;
}   .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;
} .add_lineup_text li{
float: none !important; padding: 5px 0;
} .lineup2title{
margin-top: 40px;
} .lineup .lineup_pv {
margin-top: 25px;
}    .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;
}     .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 li 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;
} @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 {
background-color: #eee;
background-image: url(https://www.okadaprojects.com/wp-content/themes/okd/images/dealer/top.webp);
text-align: center;
padding: 50px 0 100px 0;
margin: 0;
}
.shop-top h2 {
padding: 10px;
font-size: 32px;
line-height: 1.6;
color: #fff;
}
.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;
}
.shop-top p {
font-size: 18px;
line-height: 1.4;
margin-bottom: 20px;
color: #fff;
}
.shop-top li {
list-style: none;
text-align: center;
} .shop-top .dropdown-menu > li {
display: inline-block; min-width: 5.5em; margin: 0; text-align: left; 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; 
}
.shop-top 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; }
.agency {
text-align: center;
padding: 50px 0;
background: #fff;
margin-bottom: 0;
}
.agency h2 {
padding: 10px;
font-size: 32px;
line-height: 1.6;
}
.agency p {
font-size: 18px;
line-height: 1.4;
margin-bottom: 20px;
}   .eventcal {
min-height: 600px;
margin: 20px 0;
}
.eventcal p {
padding: 10px 0;
margin: 0;
font-size: 16px;
line-height: 1.6;
}
.event-info h2 {
font-size: 18px;
padding: 10px;
color: #fff;
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%);
} .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: 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%);
}
.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;
}   #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;
}   #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%;
}
}   .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;
}    #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;
} #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;
} #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;
} #tablepress-17,
#tablepress-18 {
width: 90% !important;
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;
} @media screen and (max-width: 767px) {
.monkey .container {
overflow-x: auto;
display: block;
}
#tablepress-17,
#tablepress-18 {
width: 100% !important; min-width: 600px; }
}  .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;	
}        .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; }
}  .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;
} .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;
} .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;
}