.logo a{background: url(/00cmn/img/common/logo/2020_webheader_optron_en_PC_01.svg) no-repeat; width: 620px; height: 72px; margin-left: 15px;}

/* product
===================================*/
.product-wrap { position:relative; background-color:#FFF; padding:0 0 20px 0; height:auto; box-sizing:border-box; overflow:hidden; margin-bottom:30px; }
.productbox a { display:inline-block; }
.productbox a:hover { text-decoration:none !important; }
a .product-wrap{ display:block; margin-bottom:20px; box-sizing:border-box;  border:solid 1px #efefef; height: 240px; } 
a:hover .product-wrap { border-color:#c7000b;}
a:hover .product-wrap p.product-txt, a:hover .product-wrap p.product-txt2, a:hover .product-wrap div.product-date, a:any-link .product-wrap p, a:any-link .product-wrap div.product-date{ text-decoration:none !important;}
.product-wrap p{text-align: center; font-size:18px; margin-top: 10px; white-space: nowrap;}
.product-wrap img{margin-top: 10px;}

/* 
key-visual
===================================*/
.key-visual { width:100%; display:block; overflow:hidden; }
#top-keyvisual { position:relative; width:100%; }
.sp-slide .slide-ttl { display:table-cell; text-align:center; vertical-align:middle; position:absolute; width:100%; height:200px; top:50%; left:50%; margin-left:-50%; margin-top:-100px; color:#FFF; z-index:995; }
.sp-slide .slide-ttl img { width:100%; max-width:1200px; }
.topslide-btn { position:absolute; display:inline-block; bottom:50px; right:20px; text-align:right; color:#FFF; }
.topslide-btn a { color:#FFF; padding-right:30px; background:url(/00cmn/img/common/nav-arrow-w.png) no-repeat right center; }

#top-keyvisual .sp-buttons, #conpo-slide .sp-buttons{z-index: 99999;	background: rgba(64, 64, 64, 0.5);		padding-bottom: 5px;	position: absolute;	top: auto;	bottom: 0;}
#top-keyvisual .sp-arrows, #conpo-slide .sp-arrows{z-index: 999;}
#top-keyvisual .sp-buttons .sp-button,#conpo-slide .sp-buttons .sp-button{border-color: #FFF;	background: #FFF;}
#top-keyvisual .sp-buttons .sp-button.sp-selected-button,#conpo-slide .sp-buttons .sp-button.sp-selected-button{border-color: #c7000b;	background: #c7000b;}
.sp-button-pause{ display: inline-block;	background: url("../../00cmn/img/common/btn-carousel-pause-w.png") no-repeat left top;	background-size: 16px auto;	width: 16px; height: 16px;	margin-left: 3px;	position: absolute;	top: 50% ; margin-top:-8px; right:20px;}
.sp-button-pause.active{background: url("../../00cmn/img/common/btn-carousel-pause-cu.png") no-repeat left top;	background-size: 16px auto;}
.youtube{width: 100%; position: relative; height: 0; padding-bottom: 56.25%}
.youtube iframe{width: 100%; position: absolute; height: 100%;}

/* 
about us
===================================*/
#top-aboutus { background-color:#c7000b; }
#top-aboutus.section-box h2 { color:#FFF; font-weight:normal; font-size:32px;}
#top-aboutus h3 { color:#FFF; font-size:18px; line-height:1.3em; min-height:2.6em;  }
#top-aboutus .col-row:nth-child(4) .col-md-2 { clear:left; }
#top-aboutus .col-md-2 { padding-left:0; padding-right:0; }
#top-aboutus a img { width:80%; margin:0 10%; max-width:120px; }
#top-aboutus a:hover { text-decoration:none; }
#top-aboutus a:hover img { opacity:0.8; }

/*col-2p*/
.col-md-2p{width: 20%; float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.col-md-12{width: 100%;}

img.img-WA{width: auto; max-width: 100%;}

.caption {font-size: 80%;	line-height: 1.4em;	margin-top: 1em;	display:block;}
.float {margin-bottom: 10px;	box-shadow: 0px 0rem 1rem 0px #aac1c7;	border-radius: 10px;}
a:hover .float {box-shadow: 0px 1.2rem 1rem 0px #aac1c7; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px);  transform: translateY(-5px); transition: all .5s;}

.divTableTitle {width: 130px; height: 110px; float: left;}
.divTableBox {width: calc(100% - 140px); height: auto; float: right; }
.divTableBox ul li {background: url(/common/img/icon_snav.gif) 0 10px no-repeat; display: block; padding: 0 0 5px 15px;text-decoration: none; font-size: 100%;}
.circleStyle li:before {content: "● "; color: #ff5154; width: 0; height: 0; font-size: 12px; position: relative; top: -3px; }
.circleStyle ul li {text-decoration: none; display: block; position: relative; margin-bottom: 0.3em;}
.icon-pdf {padding: 8px 40px 8px 0; background: url(/00cmn/img/common/link-pdf-r.png) no-repeat right center; background-size: 26px auto; line-height: 1.5;}

/*pickUp*/
.optron-tags span{color: #FFF; background: #000; font-size: 14px; padding: 3px 5px; display: inline-block;}
.table-extend1{border-left:1px solid #ccc; border-right: 1px solid #ccc;}
.table-extend1 td, .table-extend1 th{border-right: 1px solid #ccc;}
/* .table-extend1 td:last-child{border-right: 0;} */

/* fixed */
ul.foot-print li:nth-of-type(2){position: relative; z-index: 2;}
.table1 th {border-bottom: 1px dotted #888;}
ul.header-nav{padding-left: 0;}
.header-nav li{display: inline-block; margin-bottom: 5px;}
.s-caption{font-size: 14px!important;}
.csr_icon-p{position: relative; padding-left: 120px; min-height: 120px;}
.csr_icon-p::before{content: ""; position: absolute; left: 0; top: 0; width: 100px; height: 100px; background-size: 100px; background-repeat: no-repeat;}
.csr_icon-p span{position: absolute;left: 0; top: 0; width: 100px; height: 100px;}
.mgnb0{margin-bottom: 0px!important;}
.mgnb10{margin-bottom: 10px!important;}
.mgnb20{margin-bottom: 20px!important;}
.mgnb30{margin-bottom: 30px!important;}
.mgnb50{margin-bottom: 50px!important;}
#Faq dl dt {padding: 9px 20px 10px 10px; background-color: #eee}
#Faq dl dd {padding: 9px 0 10px 40px;}
.md-cl-2{display: flex; justify-content: space-between; flex-wrap: wrap;}
.md-cl-2 p{flex: 0 0 50%; max-width: 50%;}
.red-color{color: #c7000b;}
.white-colore{color: #FFF!important;}
.blue-color{color: #00428e!important;}
body .size16{font-size: 16px;}
body .size18{font-size: 18px;}
body .size24{font-size: 24px;}
body .size26{font-size: 26px;}
.cg-top{z-index: 3;}
h2, h3, h4{font-weight: bold;}
.cop-info{padding: 10px;}
.border-box{border: 1px solid #666; display: table; height: 95px; width: 100%;}
.border-box p{display: table-cell; vertical-align: middle; padding:0 15px;}
[id="index"] .section-box{padding-top: 60px;}
/* .news-wrap.h-auto .news-h4{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; height: 255px; min-height: 105px;} */
.news-wrap.h-auto .news-h4{height: 155px; min-height: 105px;} 
.grid-sizer{height: 250px; margin-bottom: 20px;}
.grid-item a{margin-bottom: 0;}
b{font-weight: bold;}

/* list */
ul.li-diams{list-style-type: none;}
.li-diams li::before{content: "◆"; display: inline-block; position: absolute; left: 15px;}

/* gallery */
#EnvirSlider .carousel-inner{padding-bottom: 45px;}
#EnvirSlider .carousel-caption{bottom: -70px; color: #333;}
#EnvirSlider .carousel-control-next, #EnvirSlider .carousel-control-prev{height: calc(100% - 45px);}

/* Common */
.w100w{width: 100px;}
.tableBox{overflow: auto;}
/* vivid panel */
.bgc-v01 { background-color: #c7000b!important;}
/*red*/
.bgc-v02 { background-color: #cb4800!important; }
/*orange-red*/
.bgc-v03 { background-color: #d07100!important; }
/*orange*/
.bgc-v04 { background-color: #d8a500!important; }
/*masterd*/
.bgc-v05 { background-color: #ddc300!important; }
/*yellow*/
.bgc-v06 { background-color: #5fa224!important; }
/*grass*/
.bgc-v07 { background-color: #00873c!important; }
/*green*/
.bgc-v08 { background-color: #008b93!important; }
/*turquise*/
.bgc-v09 { background-color: #006bae!important; }
/*blue*/
.bgc-v10 { background-color: #00428e!important; }
/*navy*/
.bgc-v11 { background-color: #5d0c75!important; }
/*purple*/
.bgc-v12 { background-color: #ac0070!important; }

hr{border-color: #333;}

/*Google map*/
.ggmap{width: 600px; height: 450px;}
.ggmap iframe{height: 100%; width: 100%;}

/* 2024 */
[id="download-table"]{font-size: 18px;}
[id="download-table"] th{font-weight: bold;}

@media screen and (max-width: 1330px){ 
  .col-md-2p{width:50%}

}

@media screen and (max-width: 1023px){ 
  .news-wrap.h-auto .news-h4{height: 185px;} 
  .grid-sizer{height: 280px;}
  .col-md-3, .col-md-4, .col-md-6, .col-md-8 {width: 50%}
  .col-md-2{width:25%;}
  .tableBox{overflow: auto;}
}

@media screen and (max-width: 767px){ 
  .logo a{background: url(/00cmn/img/common/logo/2020_webheader_optron_en_SP_01.svg) no-repeat; width: 290px; height: 60px;}
  img.img-WA{max-width: 100%;}
  .ggmap{width: 100%; height: 75vw;}
  
  .col-md-3, .col-md-4, .col-md-6, .col-md-8 {width: 100%;}
  .news-wrap.h-auto .news-h4{height: auto; min-height: auto;} 
  .grid-sizer{height: auto;}
  .otse .col-md-2{min-height: 185px;}
}

@media screen and (max-width: 500px){ 
  .col-md-2p, .col-md-3, .col-md-4{width:100%}
  .col-md-2{width:50%;}
}