@charset "utf-8";

#gravure .gallist li article h3,
#gravure .gallist li article p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*LIST*/

#gravure .gallist {
  margin-top: 15px;
  text-align: center;
}
#gravure .gallist li{
  width:33%;
  margin:0;
  overflow:hidden;
  display:inline-block;

  position: relative;
  /*float:left;*/
}
#gravure .gallist li a {
  display: block;
  position: relative;
}
#gravure .gallist li article{
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    padding-top:25px;
    box-sizing: border-box;
   line-height:1.3;
   padding-bottom:5px;
}

#gravure .gallist li article h3{
   font-size:1.3rem;
   font-weight:bold;
}
#wrap li article .body{
   font-weight:normal;
}
#wrap li article .catch{
    font-size:1rem;
   text-align:center;

}

#data_box {
	text-align:center;
	padding:2% 0;
}
#data_box .name {
    display: inline-block;
    font-size: 2rem;
    line-height: 1;
    font-weight:bold;
}
.size {
    font-size: 1.4rem;
}


/**/

#gravure ul#aniimated-thumbnials li a:first-child{
  display:block;
}
#gravure ul#aniimated-thumbnials li a{
  display:none;
}





@media screen and (max-width: 768px) {
#gravure .gallist {
    margin-top: 10px;
}
  #gravure .gallist li{
  width:48%;
  }
  #gravure .gallist li article .body{
   font-size:0.7rem;
  }
  #wrap li article .catch{
    font-size:1rem;
  }

}
@media screen and (max-width:440px) {
  #gravure .gallist li{
}
#data_box {
	padding:3% 0;
}
#data_box .name {
    font-size: 1.6rem;
}
.size {
    font-size: 1.2rem;
}
}


/*detail*/

#photo {
  max-width:840px;
  margin:auto;
}