/* CSS Document */


.theme{}

.theme dl.read{
  width: 750px;
  margin: 80px auto;
}
.theme dl.read dt{
  background: #F6FE55;
  font-size: 130%;
  font-weight: 700;
  text-align: center;
  letter-spacing: 2px;
  padding: 20px;
}
.theme dl.read dd{
  background: #E2E2E2;
  padding: 40px 60px;
  font-size: 110%;
  line-height: 1.8em;
}

.theme .gallery{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.theme .gallery li{
  margin: 12px;
}
.theme .gallery li h4{
  font-weight: 700;
  margin: 10px 0;
  font-size: 120%;
  letter-spacing: 1px;
}
.theme .gallery li h4 span{
  display: block;
  font-size: 80%;
}

.theme .gallery2{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.theme .gallery2 li{
  margin: 15px;
  width: 330px;
}
.theme .gallery2 li img{
  width: 100%;
}
.theme .gallery2 li h4{
  font-weight: 700;
  margin: 10px 0;
  font-size: 120%;
  letter-spacing: 1px;
  text-align: center;
}





@media screen and (max-width: 640px) {

 .theme dl.read {
    width: auto;
    margin: 40px auto;
  }
  .theme dl.read dd {
    padding: 20px;
  }
  
  
  
  
}