@charset "UTF-8";

/*TOP PAGE Only css
https://www.olympus-global.com/
*/

.nav-index-01.col2>li {
  width: 40%;
  margin: 0 5% 5%;
}
.nav-index-01.col2>li span.img {
  text-align: center;
}
.nav-index-01.col2>li img {
  width: 79% !important;
}

@media only screen and (max-width: 480px) {
.nav-index-01.col2>li {
  width: 100%;
  margin: 0;
}
.nav-index-01.col2>li img {
  width: 100% !important;
}
}

.nav-index-01.TopCol02>li {
    width: calc((100% - 60px) / 2) !important;
    padding: 0 28px 0 27px !important;
}
.area-content.product-content .nav-index-01.TopCol02>li {
  width: calc((100% - 30px) / 2) !important;
  padding: 0 !important;
}

@media only screen and (max-width: 768px) {
.nav-index-01.TopCol02>li {
    width: 48.33333%;
    width: calc((100% - 16px) / 2);
    padding: 0 19px;
}
}
@media only screen and (max-width: 481px) {
.nav-index-01.TopCol02>li {
    width: calc(100% / 1) !important;
}
.area-content.product-content .nav-index-01.TopCol02>li {
  width: 100% !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}
}

@media only screen and (max-width: 768px) {
.box-light-01>.lyt-img-02.img-l>.lyt-img-01, .lyt-img-02.img-r>.lyt-img-01 {
  float: left !important;
}
}

.pgh-lead-01 {
  font-size: 2rem !important;
}
@media only screen and (max-width: 768px) {
.pgh-lead-01 {
  font-size: 1.8rem !important;
}
}

.box-light-01 img {
  max-width: 170px !important;
}

.box-light-01.area-content-inner {
  padding: 1em 0 !important;
}

/*TWITTER TIMELINE*/
.lyt-2col-1col .lyt-2col-content.area-content-news,
.lyt-2col-1col .lyt-1col-content.area-content-twitter{
  background-color: transparent;
}
.area-content-twitter-inner{
  background-color: #fff;
  border: 1px solid #bdbdbd;
  padding: 0 7px;
  display: block;
  height: 100%;
  position: relative;
}
.area-content-twitter-inner:hover{
  background-color: rgb(247, 249, 249);
}
#twitterTimeline{
  width: 100%;
  min-height: 200px;
  background-image: url(/shared/images/icon-loading-01.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#twitterTimeline.loaded{
  background: none;
}
#twitterTimeline span{
  display: none;
}