@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: xmas.css Version:1.0
 -----------------------------------------------------------*/
#main {
  box-sizing: border-box;
    border-radius: 10px;
    width: 100%;
}

body#xmas::before {background:url(../img/common/bg_xmas.jpg) center #000;background-size: cover;background-repeat: no-repeat;}

ul.matome {
  margin:0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  justify-content:space-around;
}


ul.matome li {
  font-size:1.2rem;
  border:1px solid rgba(255,255,255,0.3);
  border-radius: 10px;
  display: flex;
  list-style: none;
  align-content: start;
  width:calc(48% - 82px);
  margin-bottom:20px;
  flex-wrap: wrap;
  padding:15px 20px 5px 60px;
  position: relative;
}

ul.matome::after{
  content:"";
  display: block;
  width:48%;
}



ul.matome li h3 {
  margin:0 0 5px;
  width:100%;}

ul.matome li p {width:calc(100%);}

ul.matome li img {
  width:48px;
  height:48px;
  display: block;
  position: absolute;
  left:10px;
}


.author {
  font-size:0.8em;
  color:#999;}




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

ul.matome li {width:100%;}

}

p.postscript {
    border-top:1px solid rgba(255,255,255,0.3);
    margin:0;
    padding:10px 0;
  }