/* categoryHeaderCUST 20130216 nag追記*/

#Page .categoryHeaderCUST {
  position: relative;
  /*margin: 1.6em 0 3.2em;*/
  margin-bottom: 2.5em;
  
}
@media screen and (max-width: 640px) {
  #Page .categoryHeaderCUST {
    margin-bottom: 1.5em;
  }
}

#Page .categoryNoImageCUST {
  margin: 2.4em 0 3.2em;
}

#Page .categoryHeaderCUST h1 {
  position: absolute;
  bottom: 20%;
  left: 0;
  padding: .0em 3em .0em .8em;
  /*padding: .4em 3em .3em .8em;*/
  background: #FFF;
  background-color: rgba(255, 255, 255, .5);
  color: #000;
  font-size: 150%;
  z-index: 10;
  font-weight: bold;
  }
@media screen and (max-width: 640px) {
  #Page .categoryHeaderCUST h1 {
    position: relative;
    background-color: #000;
    color: #FFF;
    font-size: 120%;
  }
}



  #Page .categoryHeaderCUST figure {
    position: relative;
  }

  #Page .categoryHeaderCUST figure:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
    z-index: 11;
  }

  #Page .categoryHeaderCUST img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
  }

  #Page .categoryNoImageCUST h1 {
    position: static;
    padding: 0;
    color: #333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }

/* categoryDescCUST  20130216 nag追記 */

#Page .categoryDescCUST {
  margin: -2em 0 2em .1em;
  color: #777;
  font-size: 115%;
  line-height: 1.25; /* 20px */
}