@charset "utf-8";

/* information
-------------------------------------------------------------------
fgate inc. <techteam@fgate-inc.com>

structure
  container
    header
    contents
    footer
-------------------------------------------------------------------*/

/* Table
-------------------------------------------------------------------*/
/* media - style */
#articles dl.media{
  overflow: hidden;
  position: relative;
  width: 100%;
  font-size: 14px;
}
#articles dl.media dt {
  float:left;  
  width:100%;
  background-color: #eee;
  line-height: 1.5em;
  font-weight: bold;
  border-top: 1px dotted #ACACAC;
  padding: 5px 15px;
}
#articles dl.media dd {
  padding: 10px 0;
}
#articles dl.media dd.photo {
  float:left;
  width:30%;
}
#articles dl.media dd.comment {
  float:left;
  width:70%;
}



#articles #media{
  width: 100%;
  font-size: 14px;
}

#articles #mediaa h2{
  background-color: #eee;
  background-image: none;
  padding:5px 0px 5px 5px;
  line-height: 1.5em;
  font-size: 14px;
  font-weight: bold;
  color:#000;
  border-bottom:1px dotted;
  border-color: #444;
  cursor:pointer;
}
#articles #media img{
  margin-bottom: 10px;
}
#articles #media p{
  margin: 10px 0 10px 15px;
  line-height: 1.5em;
  font-size: 14px;
}
#articles #media .tag{
  color: #3366cc;
  font-weight: bold;
}

/* for PC
-------------------------------------------------------------------*/
@media only screen and (min-width:760px){
}

/* for smart device
-------------------------------------------------------------------*/
@media only screen and (max-width:760px){

#articles dl.media img{
  width: 100%;
}
#articles dl.media dd.comment {
  font-size:12px;
}

}