@charset "Shift_JIS";
/**
 * ポスターギャラリー
 */
/* ==========================================================================
   vol.01〜59
   ========================================================================== */
.inblock-parent {
  letter-spacing: -.40em; }

.vol {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-right: 20px;
  margin-bottom: 30px;
  width: 350px;
  overflow: hidden;
  vertical-align: top; }
  .vol:nth-child(2n) {
    margin-right: 0; }
  .vol .image,
  .vol .cover {
    float: left;
    width: 100px; }
  .vol h2,
  .vol p,
  .vol .fr {
    float: right;
    width: 235px; }
    .vol h2 p,
    .vol p p,
    .vol .fr p {
      float: none;
      width: auto; }
  .vol h2 {
    font-size: 107.69231%;
    font-weight: bold; }
  .vol p {
    font-size: 92.30769%;
    line-height: 1.67;
    margin-top: 10px; }
    .vol p a {
      background: url(/common/css/img/icon_arrow05.png) no-repeat left 5px;
      padding-left: 11px; }

/*#posterContainer{
	position:relative;
	padding: 20px 0;
}

.toggle-btn{
	@include css3-gradient(#f2f2f2, #e2e2e2);
	border:1px solid #cfd3d6;
	border-radius:2px;
	color:#333;
	cursor:pointer;
	font-weight:bold;
	letter-spacing:normal;
	position:absolute;
	text-align:center;
	top:10px;
	bottom:auto;
	width:100%;
	
	span{
		background-image:url(/common/css/img/btn_toggle.png);
		background-position:left 8px;
		background-repeat:no-repeat;
		display:inline-block;
		padding:6px 0 7px 27px;
	}
}

.toggle-btn:hover{
	@include css3-gradient(#e6e6e6, #d7d7d7);
	border:1px solid #9ea1a3;
}


.toggle-btn.close{
	top:auto;
	bottom:-20px;
	
	span{
		background-position:left -52px;
	}
}*/