.product{
  padding: 100px 0;
  position:relative;
  z-index: 50;
  margin: 0 auto;
}
.product h2{
  text-align:center;
  margin-bottom: 70px;
  text-indent:-9998px;
  background-size:contain !important;
}
.month_1 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title01.png) center top no-repeat;
}
.month_1 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title01.png) center top no-repeat;
}
.month_2 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title02.png) center top no-repeat;
}
.month_3 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title03.png) center top no-repeat;
}
.month_4 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title04.png) center top no-repeat;
}
.month_5 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title05.png) center top no-repeat;
}
.month_6 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title06.png) center top no-repeat;
}
.month_7 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title07.png) center top no-repeat;
}
.month_8 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title08.png) center top no-repeat;
}
.month_9 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title09.png) center top no-repeat;
}
.month_10 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title10.png) center top no-repeat;
}
.month_11 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title11.png) center top no-repeat;
}
.month_12 .product h2{
  background: url(/koyomimonogatari/assets/img/product/title12.png) center top no-repeat;
}
.product h3{
  text-align:center;
  font-size:30px;
  line-height:1.6em;
  margin-bottom:30px;
  font-weight: bold;
}
.package_info{
  width:960px;
  margin: 0 auto 40px;
}
.package_info .thumb{
  float:left;
  width: 500px;
  position:relative;
}
/*.package_info .thumb:after{
  content:"";
  border:2px solid #d4d5d9;
  width: 460px;
  height: 280px;
  display:block;
  position:absolute;
  left: 7px;
  top: 7px;
}*/
.package_info .thumb a{
  background:#000;
  font-size: 18px;
  padding: 15px 0px;
  width: 150px;
  display:block;
  text-align:center;
  margin: 20px auto 20px;
  border-radius:50px;
  color:#FFF;
  text-decoration:none;
  transition:0.3s all;
}
.package_info .thumb a:hover{
  opacity:0.7;
}
.month_1 .package_info .thumb a{
    background:#bbafaf; 
}
.month_2 .package_info .thumb a{
    background:#6eb4cc;
}
.month_3 .package_info .thumb a{
    background:#eda43d ;
}
.month_4 .package_info .thumb a{
    background:#fa849b;
}
.month_5 .package_info .thumb a{
    background:#93cb41 ;
}
.month_6 .package_info .thumb a{
    background:#6a2a66;
}
.month_7 .package_info .thumb a{
    background:#1818ae;
}
.month_8 .package_info .thumb a{
    background:#63d1ae;
}
.month_9 .package_info .thumb a{
    background:#cfbf12;
}
.month_10 .package_info .thumb a{
    background:#6f543f;
}
.month_11 .package_info .thumb a{
    background:#474141;
}
.month_12 .package_info .thumb a{
    background: #B51C1C;
}

.package_info .thumb img{
  width: 480px;
  display:block;
}
.package_info .text{
  float:right;
  width: 450px;
  line-height: 1.6em;
}
.package_info .text p.date{
  margin:0 0 25px;
  font-size:larger;
  font-weight:bold;
}
.package_info dl{
  margin:0 0 20px;
}
.package_info dl dt{
  font-weight:bold;
}
.month_1 .prize ul.items li dt p,.month_1 .prize h3,.month_1 .package_info dl dt,.month_1 .package_info .text p.date{
    color:#baaeae;
}
.month_2 .prize ul.items li dt p,.month_2 .prize h3,.month_2 .package_info dl dt,.month_2 .package_info .text p.date{
    color:#59bcdf;
}
.month_3 .prize ul.items li dt p,.month_3 .prize h3,.month_3 .package_info dl dt,.month_3 .package_info .text p.date{
    color:#eea53e;
}
.month_4 .prize ul.items li dt p,.month_4 .prize h3,.month_4 .package_info dl dt,.month_4 .package_info .text p.date{
    color:#f7829a;
}
.month_5 .prize ul.items li dt p,.month_5 .prize h3,.month_5 .package_info dl dt,.month_5 .package_info .text p.date{
    color:#93c941;
}
.month_6 .prize ul.items li dt p,.month_6 .prize h3,.month_6 .package_info dl dt,.month_6 .package_info .text p.date{
    color:#692965;
}
.month_7 .prize ul.items li dt p,.month_7 .prize h3,.month_7 .package_info dl dt,.month_7 .package_info .text p.date{
    color:#1818af;
}
.month_8 .prize ul.items li dt p,.month_8 .prize h3,.month_8 .package_info dl dt,.month_8 .package_info .text p.date{
    color:#60cda8;
}
.month_9 .prize ul.items li dt p,.month_9 .prize h3,.month_9 .package_info dl dt,.month_9 .package_info .text p.date{
    color:#d0c014;
}
.month_10 .prize ul.items li dt p,.month_10 .prize h3,.month_10 .package_info dl dt,.month_10 .package_info .text p.date{
    color:#705641;
}
.month_11 .prize ul.items li dt p,.month_11 .prize h3,.month_11 .package_info dl dt,.month_11 .package_info .text p.date{
    color:#484244;
}
.month_12 .prize ul.items li dt p,.month_12 .prize h3,.month_12 .package_info dl dt,.month_12 .package_info .text p.date{
    color:#d53030;
}
.package_info dl li{
  padding:0 0 0 1em;
  text-indent:-1em;
}
.prize{
  width:960px;
  margin:0 auto;
}
.prize ul.items{font-size: 0;}
.prize ul.items li{
  display:inline-block;
  width:300px;
  margin: 0 24px 30px 0;
  /* height: 360px; */
  vertical-align: top;
  font-size: 14px;
}
.prize ul.items li dd{
  position:relative;
}
.prize ul.items li dd:after{
  content:"";
  border:2px solid #d4d5d9;
  width: 280px;
  height: 281px;
  display:block;
  position:absolute;
  left: 7px;
  top: 7px;
}
.prize ul.items li dt{
  margin:14px 0;
  line-height: 1.6em;
}
.month_2 .prize ul.items li dt p{
  font-weight:bold;
}
.prize ul.items li:nth-child(3n){
  margin:0 0 30px 0;
}
.prize ul.notice li{
  font-size:14px;
  line-height:1.6em;
  padding-left:1em;
  text-indent:-1em;
}
.month_6 .prize ul.items li dt p{
  font-weight:bold;
}
.month_6 .prize ul.items li dt p span{
  font-size:smaller;

}

@media screen and (max-width: 979px) {
  .package_info{
    width:750px;
    margin:0 auto;
  }
  .package_info .thumb{
    float:none;
    width:100%;
    margin: 0px 0 70px;
  }
  .package_info .text{
    float:none;
    width:auto;
    padding:0 30px;
    font-size: 22px;
  }
  .package_info .thumb img{
    margin: 0 auto 100px;
    width: 600px;
    /* padding: 30px; */
  }
  .product h3{
    font-size:34px;
    margin:50px 0 30px;
    font-weight:bold;
  }
  .prize{
    width:690px;
    margin:0 auto;
  }
  .prize ul.items li{
    margin: 0 35px 30px 0;
    width: 325px;
    font-size: 20px;
  }
  .prize ul.items li:nth-child(3n){
    margin:0 30px 30px 0;
  }
  .prize ul.items li:nth-child(2n){
    margin:0 0 30px 0;
  }
.package_info .thumb a{
  background:#000;
  font-size:36px;
  padding:30px 30px;
  border-radius:50px;
  margin:  -40px auto 0;
}
.package_info .thumb:after{
  content:"";
  border:2px solid #d4d5d9;
  width: 580px;
  height: 355px;
  display:block;
  position:absolute;
  left: 84px;
  top: 7px;
}
.prize ul.items li dd:after{
  content:"";
  border:2px solid #d4d5d9;
  width: 306px;
  height: 306px;
  display:block;
  position:absolute;
  left: 7px;
  top: 7px;
}
}