@charset "utf-8";
/* CSS Document */

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  line-height: 1.8;
  text-align:left;
  letter-spacing:0;
 color: #000;
}
.header {
  background: url(/static/campaign/hanakin/images/back.png) repeat;
  padding:15px 0;
   margin: 0;
}

.header .lead {
  font-size: 16px;
   line-height: 1.6;
   margin:15px auto 0;
   text-align:center;
   width:800px;
}
.header p {
  color:#FFF
}
.catch {
  background:#FFCC00;
  padding:15px 0;
  margin-bottom:30px
}
.catch h2 {
  margin:0;
  text-align:center;
  line-height: 1.4;
  font-weight:bold;
  border-bottom : none;
  border-bottom:none;
  padding:0 0 0;
  color:#000;
  font-size:30px;
}

h3 {
  font-size: 20px;
  font-weight: bold;
  margin:0 0 15px;
    line-height: 1.5;
    padding:0;
}

h3.midasi {
	  background: url(/static/campaign/hanakin/images/back.png) repeat;
	  padding:8px;
	  color:#FFF;
	  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	  
}
h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 19px;
}
.list {
  padding-bottom: 40px;
}
.cover {
  border: 1px solid #7f7f7f;
  margin-right:15px;
  float:left;
  width:140px;
}
.textWrapper {
  overflow: hidden;
}
.netshop {
  background: none repeat scroll 0 0 #f2f2f2;
  border-radius: 4px;
  padding: 15px;
}
.price {
  color: #fe8d3f;
  margin-bottom: 0;
  padding: 0 0 5px 4px;
}
.isbn {
  color: #666;
}
.line {
  color: #666;
  text-decoration: line-through;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
  width: auto \9;
}
 @media screen and (min-width:1024px) {
.container {
  width:880px;
  margin:0 auto;
}
}
@media screen and (max-width: 979px) {
  .header .lead  {
  width:auto;}
}
@media screen and (max-width: 767px) {
  .header .lead  {
  width:auto;}
  
.cover {
  float:none;
  margin:0 auto 5px;

}
.textWrapper {
  padding-bottom:15px;
  border-bottom:1px solid #ccc;
  margin-bottom:15px;
}
header .lead  {
  display:none;}
  .list {
    padding-bottom:0;
  }
}
@media screen and (max-width: 479px) {
}