body {
  font-family: Arial,Verdana,Helvetica,Roboto,"Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

a {
  color:#4F8CF7;
  text-decoration: none;
}
a:hover {
  color:#0472F0;
  text-decoration: underline;
}
.demo-layout-transparent {
  background: url('../imgs/banner-bg.png') top / 1920px 900px no-repeat;
}

.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button {
  /* This background is dark, so we set text to white. Use 87% black instead if
     your background is light. */

}

.mdl-layout__header span img {
margin:0 auto;
width:100%;
}


.mdl-layout__drawer span img{
margin:.5rem auto;
width:95%;
}
/* header */
.mdl-layout__header--pink {
padding:0 12%;
background-color:rgba(253, 55, 35, 0.6);
position:fixed;
width:100%;
margin:0 auto;
}
a.mdl-navigation__link {
  font-size:1.2em;
}

.mdl-layout__drawer .mdl-layout-title {
  background-color:#fd3723;
  /* background-image: -webkit-linear-gradient(0deg, #fd746c 0%, #fd746c 100%);
  background-image: linear-gradient(0deg, #fd746c 0%, #ff9068 100%); */
}

.nav-toggle {
padding:0 12%;
position:fixed;
width:100%;
margin:0 auto;
transition: all 1s;
z-index:996 !important;

}

#home,
#product,
#new,
#contact,
.footer-div{
  width: 70%;
  margin: 0 auto;
}

#vision-2 {
width: 100%;
margin: 0 auto;
}

/* top */
.mdl-layout__content {
  background: url('../imgs/banner-bg3.png') top / 1920px 900px repeat-y;
}

.top-news-list{
  margin-bottom: 50px;
  font-size:1.3em;
  line-height:1.9em;
}

.top-news-list__item{
  margin-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  list-style: none;
  border-bottom: dotted #2F2F2F 1px;
}

.top-news-list__item a{
  text-decoration: none;
  color: #2F2F2F;
}

.top-news-list__item a:hover{
  text-decoration: underline;
}



/* feature */
#feature {
  background: url("../imgs/feature-bg.png") center/cover; 
  width:100%;
}


/* product */

.products .card{
  box-shadow: 0px 10px 30px 0px rgba(212, 150, 255, 0.2);
}

.products .thumb {
  background-color: white;
  padding: 0;
}
.products .card {
  background-color: #F9F9FE;
}
.products .info {
  padding: 1rem .5rem;
}

.products .info h5{
  font-weight: 700;
}


/* footer  */

#footer {
  color: #f5f5f5;
}
.footer a {
  text-decoration: none; 
  color: #f5f5f5;
}

.footer-dif >p {
  text-align:center; 
}

.scrollup {
display: none;
position: fixed;
right: 3rem;
bottom: 2rem;
z-index: 999;
}

/* .lb-image, .lb-dataContainer {
max-width: 100%;
height: auto !important;
width: 100%;
}

.lb-outerContainer {
max-width: 100%;
height: auto !important;
} */
/* .lightbox .lb-image{
width:1075px !important;
height:649.5px !important;
display: block;
border-radius: 3px;
border: 4px solid white;
}
.lightbox .lb-image img{
  width:100% !important;
  margin: 0 auto;
} */
/* 
style="width:100%; margin:0 auto;"
.features .card a {
text-decoration: none; 
color: #222;
}
.features .card a h5 {
font-weight: 700;
font-size: 140%; 
} */