/*////WORKS ABOUT BANGUMI///////////*/

div.bangumi_header{
  width:100%;
  height:280px;
  background: url(../../img/works/bangumi/worksHeaderImage.jpg) top center no-repeat;
  background-size: cover;
}
div.edge_header{
  width:100%;
  height:280px;
  background: url(../../img/works/edge/worksHeaderImage.jpg) top center no-repeat;
  background-size: cover;
}
div.mediamix_header{
  width:100%;
  height:280px;
  background: url(../../img/works/mediamix/worksHeaderImage.jpg) top center no-repeat;
  background-size: cover;
}
div.worksAboutTitleArea{
  width:100%;
  /*background-color: #8B8B89;*/
  background: url(../../img/works/works_bg.jpg) top left no-repeat;
  background-size: cover;
  min-height:100px;
  position: relative;
  padding-bottom:10px;
  padding-top:10px;
  overflow: auto;
}
div.contentInner{
  width:100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
div.left4{
  float:left;
  width:33.3333%;
  position: relative;
  padding-bottom: 15px;
}
div.center{
  text-align: center;
}
div.right8{
  float:right;
  width:66.6666%;
  position: relative;
}
div.worksAboutTitleArea h2{
  margin-top:25px;
  position: relative;
}
div.worksAboutTitleArea p.lead{
  font-size:110%;
  color:white;
  margin-top:15px;
  padding:10px 15px 10px 15px;
}

div.worksTitleArea{
  width:100%;
  min-height: 230px;
  padding:15px 0;
}
div.basecolor{
  background-color: #F7F7F4;
}
div.worksTitleArea h3{
  border:none;
  padding-top:15px;
  margin-left:8%;
}
p.worksTitleLead{
  font-size: 110%;
  margin-top:15px;
  padding:10px 15px 10px 15px;
}

div.worksContentArea{
  width:100%;
}
img.liftup{
  position: absolute;
  left:3%;
  top:-70px;
  border:white solid 6px;
}
img.liftup120{
  position: absolute;
  left:3%;
  top:-120px;
  border:white solid 6px;
}
img.liftup140{
  position: absolute;
  left:3%;
  top:-140px;
  border:white solid 6px;
}
div.liftup{
  position: relative;
  top:-80px;
}
div.liftup120{
  position: relative;
  top:-120px;
}

div.liftup img, div.liftup120 img{
  border:white solid 5px;
}

div.right8 img{
  width:93%;
}
p.worksTitle{
  color:#267CB8;
  font-size: 140%;
  padding:10px 15px 10px 25px;
  line-height: 1.5;
}
p.worksTitle span{font-size: 80%;color:inherit;}
p.worksTitle.solo{
  padding-top:40px;
}
p.works_des{
  padding:0px 15px 10px 25px;
  color:#595757;
  font-size: 100%;
}
div.reserveHeight400{
  min-height:400px;
}
div.reserveHeight290{
  min-height:290px;
}
div.reserveHeight260{
  min-height:260px;
}

div.trio{
  width:33.333%;
  float:left;
  text-align: center;
  padding-bottom:15px;
}
div.duo{
  width:50%;
  float:left;
  text-align: center;
  padding-bottom:15px;
}
div.trio img, div.duo img{
  width:98%;
  margin-right: auto;
  margin-left: auto;
}
div.trio p, div.duo p{text-align: left;}
div.trio>p.worksTitle,div.duo>p.worksTitle{
  font-size: 120%;
  padding:10px 25px 5px 25px;
}

img.heritage { background:url(../../img/works/bangumi/heritage.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 52%; }
img.newscaster { background:url(../../img/works/bangumi/newscaster.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 52%; }
div.trio img.zaihou { background:url(../../img/works/bangumi/zaihou.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.earth_walker { background:url(../../img/works/bangumi/earth_walker.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.mysterious { background:url(../../img/works/bangumi/mysterious.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.sakaba { background:url(../../img/works/bangumi/sakaba.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.utsukushii { background:url(../../img/works/bangumi/utsukushii.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.tokyoextra { background:url(../../img/works/bangumi/tokyoextra.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.yumetobi { background:url(../../img/works/bangumi/yumetobi.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.professional { background:url(../../img/works/bangumi/professional.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.matsui { background:url(../../img/works/bangumi/matsui.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.duo img.jobtune { background:url(../../img/works/bangumi/jobtune.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.duo img.sawako { background:url(../../img/works/bangumi/sawako.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.hayadoki { background:url(../../img/works/bangumi/hayadoki.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.ikegami { background:url(../../img/works/bangumi/ikegami.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.grammy { background:url(../../img/works/bangumi/grammy.jpg) 0 0 no-repeat; width:98%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }

div.clear_sm{display: none;}

h3#title_4k{
  padding:30px 30px 0px 30px;
}
p#tokai{
  padding-top:0;
  margin-top:-15px;
  margin-bottom: 25px;
}
@media screen and (max-width: 479px) {
  img{border:none!important;}
  div.left4{float:none;width:100%;}
  div.right8{float:none;width:100%;}
  div.worksTitleArea{min-height: 0px;}
  div.worksAboutTitleArea h2{}
  div.worksTitleArea h3{margin-left:2%;padding-top:15px;}
  img.liftup,img.liftup120,img.liftup140{position: relative;left:0;top:0px;border:none;}
  p.worksTitle.solo{ padding-top:10px;}
  div.right8 img{width:100%;}
  div.reserveHeight290,div.reserveHeight260,div.reserveHeight400{min-height:0px;}
  div.trio, div.duo{width:100%;}
  div.trio img, div.duo img{width:100%;border: none;}
  div.liftup, div.liftup120{position: relative;top:0;}
  p#tokai{padding-top:15px;margin-top:0px;margin-bottom: 0px;}
  div.bangumi_header{background: url(../../img/works/bangumi/worksHeaderImage_sm.jpg) top center no-repeat!important;}
  div.edge_header{background: url(../../img/works/edge/worksHeaderImage_sm.jpg) top center no-repeat!important;}
  div.mediamix_header{background: url(../../img/works/mediamix/worksHeaderImage_sm.jpg) top center no-repeat!important;}

img.heritage { background:url(../../img/works/bangumi/heritage.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 52%; }
img.newscaster { background:url(../../img/works/bangumi/newscaster.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 52%; }
div.trio img.zaihou { background:url(../../img/works/bangumi/zaihou.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.earth_walker { background:url(../../img/works/bangumi/earth_walker.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.mysterious { background:url(../../img/works/bangumi/mysterious.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.sakaba { background:url(../../img/works/bangumi/sakaba.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.utsukushii { background:url(../../img/works/bangumi/utsukushii.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.tokyoextra { background:url(../../img/works/bangumi/tokyoextra.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.yumetobi { background:url(../../img/works/bangumi/yumetobi.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.professional { background:url(../../img/works/bangumi/professional.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.matsui { background:url(../../img/works/bangumi/matsui.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.duo img.jobtune { background:url(../../img/works/bangumi/jobtune.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.duo img.sawako { background:url(../../img/works/bangumi/sawako.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.hayadoki { background:url(../../img/works/bangumi/hayadoki.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.ikegami { background:url(../../img/works/bangumi/ikegami.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.grammy { background:url(../../img/works/bangumi/grammy.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  div.left4{float:left;width:43%;}
  div.right8{float:right;width:57%;}
  div.worksTitleArea{min-height: 0px;}
  div.worksTitleArea h3{margin-left:2%;}
  img.liftup,img.liftup120, img.liftup140{position: relative;left:3%;top:25px;border:white solid 6px;}
  div.trio{width:50%;}
  div.trio img, div.duo img{width:100%;border:none;}
  div.clear_sm{display: block;clear:both;}
  div.liftup, div.liftup120{position: relative;top:0;}
  p#tokai{padding-top:15px;margin-top:0px;margin-bottom: 0px;}
  
img.heritage { background:url(../../img/works/bangumi/heritage.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 52%; }
img.newscaster { background:url(../../img/works/bangumi/newscaster.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 52%; }
div.trio img.zaihou { background:url(../../img/works/bangumi/zaihou.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.earth_walker { background:url(../../img/works/bangumi/earth_walker.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.mysterious { background:url(../../img/works/bangumi/mysterious.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.sakaba { background:url(../../img/works/bangumi/sakaba.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.utsukushii { background:url(../../img/works/bangumi/utsukushii.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.tokyoextra { background:url(../../img/works/bangumi/tokyoextra.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.yumetobi { background:url(../../img/works/bangumi/yumetobi.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.professional { background:url(../../img/works/bangumi/professional.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.matsui { background:url(../../img/works/bangumi/matsui.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.duo img.jobtune { background:url(../../img/works/bangumi/jobtune.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.duo img.sawako { background:url(../../img/works/bangumi/sawako.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.hayadoki { background:url(../../img/works/bangumi/hayadoki.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.ikegami { background:url(../../img/works/bangumi/ikegami.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }
div.trio img.grammy { background:url(../../img/works/bangumi/grammy.jpg) 0 0 no-repeat; width:100%; height: 0; display: block; background-size: 100%; padding-top: 56.228%; }

}