@charset "utf-8";

/*　調整用 */

#feature .contents p{
  font-size: 16px;
}


#feature .contents .entry_contents h3{

}

#feature .contents .entry_contents p{
  margin: 0;
}



/*------------*/

#pc_wrap .for-sp{
  display: none !important;
}

#pc_wrap .for-pc{
  display: block !important;
}

#series_news{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  margin-bottom: 75px;
  text-align: left;
}

#series_news h3{
  color: #eb6ea5;
  margin: 50px 0 20px 0;
}

#pc_wrap #detail #series_news p{
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

#pc_wrap #detail #series_news .image{
  margin: 40px 0 50px;
}

#pc_wrap #detail #series_news .graff{
  border: 2px solid #f9dfbb;
  padding: 25px 70px;
  margin: 50px 0;
  text-align: center;
}

#pc_wrap #detail #series_news .graff h5{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
}
#pc_wrap #detail #series_news .graff > p{
  font-size: 13px;
  text-align: right;
  margin: 25px 0 0;
}

#pc_wrap #detail #series_news .taisaku{
  position: relative;
  background: url(../img/series/02_news/bg.jpg) repeat-y;
  padding: 10px 20px;
  margin-top: 50px;
}

#pc_wrap #detail #series_news .taisaku:before{
  position: absolute;
  top: -20px;
  left: 0;
  content: url(../img/series/02_news/bg-top.jpg);
}
#pc_wrap #detail #series_news .taisaku:after{
  position: absolute;
  bottom: -20px;
  left: 0;
  content: url(../img/series/02_news/bg-bottom.jpg);
}

#pc_wrap #detail #series_news .taisaku li{
  background: #fff;
  margin-bottom: 35px;
  padding: 0 15px 25px;
}

#pc_wrap #detail #series_news .taisaku li:last-child{
  margin-bottom: 0;
}

#pc_wrap #detail #series_news .taisaku li h5{
  position: relative;
  text-align: left;
}

#pc_wrap #detail #series_news .taisaku li h5 > img{
  float: left;
  position: relative;
  margin-top: -5px;
}

#pc_wrap #detail #series_news .taisaku li h5 > span{
  float: left;
  color: #eb6ea5;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  background: url(../img/series/02_news/text-line.png) repeat-x bottom;
  padding: 22px 8px 0 8px;
  margin-left: 12px;
}


#pc_wrap #detail #series_news .taisaku li > p{
  margin-bottom: 0;
  padding: 20px 25px 0;
}

#pc_wrap #series_news .last-text{
  margin: 50px 0 !important;
}


#feature #series_news .reference{
  border: 1px solid #ff9600;
  background: #ffffe8;
  padding: 12px;
  margin-bottom: 20px;
}

#feature #series_news .reference h5{
  padding-left: 30px;
  background: url(../img/icon/news/icon_book.png) no-repeat left center;
  font-size: 16px;
  color: #ff9600;
}

#pc_wrap #detail #series_news .reference ul{
  margin-top: 12px;
}

#pc_wrap #detail #series_news .reference ul li{
  margin-bottom: 0;
  padding-left: 12px;
  background: url(../common/img/tag_arrow.png) no-repeat left 10px;
  font-size: 14px;
  line-height: 2.28571429;
}

#series_news .reference a{
  color: #1e1e1e;
}

#pc_wrap #series_news .reference.item{
  border: 1px solid #0d5daa;
  background: #f1f5fb;
}

#pc_wrap #series_news .reference.item h5{
  background: url(../img/series/02_news/icon_blue_book.png) no-repeat left center;
  color: #0d5daa;
}

#feature #pc_wrap #series_news .reference.item ul li{
  background: url(../img/series/02_news/tag_blue_arrow.png) no-repeat left 10px;
}

/******SP**********/


#sp_wrap .for-sp{
  display: block !important;
  width: 100%;
  height: auto;
}
#sp_wrap .for-pc{
  display: none !important;
}

#feature .sp .contents p{
  font-size: 15px !important;
}


.sp #series_news img{
  max-width: inherit !important;
  width: 100%;
  height: auto;
}

.sp #series_news p{
  font-size: 12px;
}

#sp_wrap.sp #series_news h3{
  color: #eb6ea5;
  font-size: 13px;
  margin: 25px 0 10px 0;
}

#sp_wrap.sp #series_news h4{
  color: #eb6ea5;
  font-size: 20px;
  line-height: 1.35714286;
}

#sp_wrap #detail #series_news .image{
  margin-top: 20px;
}

#sp_wrap #detail #series_news .graff{
  margin: 35px 0;
  text-align: center;
}

#sp_wrap #detail #series_news .graff h5{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
#sp_wrap #detail #series_news .graff > p{
  font-size: 8px;
  text-align: right;
}

#sp_wrap #detail #series_news .taisaku{
  position: relative;
  background: url(../img/series/02_news/s-bg.jpg) repeat-y;
  background-size: 100% 100%;
  padding: 10px;
  margin-top: 30px;
}


#sp_wrap #detail #series_news .taisaku li{
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
}

#sp_wrap #detail #series_news .taisaku li:last-child{
  margin-bottom: 0;
}

#sp_wrap #detail #series_news .taisaku li h5{
  text-align: left;
}

#sp_wrap #detail #series_news .taisaku li h5 > img{
  float: left;
  width: 56px;
  margin-bottom: 15px;
}

#sp_wrap #detail #series_news .taisaku li h5 > span{
  float: left;
  color: #eb6ea5;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-left: 6px;
}

#sp_wrap #detail #series_news .taisaku li h5 .inline{
  background: url(../img/series/02_news/s-text-line.png);
  background-size: auto 16px;
}

#sp_wrap #detail #series_news .taisaku li:nth-child(odd) h5 span{
  margin-top: 5px;
}

#sp_wrap #detail #series_news .taisaku li:nth-child(2n) h5 .inline{
  margin-top: 24px;
}

#sp_wrap #detail #series_news .taisaku li > p{
  margin-bottom: 0;
}

#sp_wrap #series_news .last-text{
  margin: 50px 0 !important;
}


#sp_wrap.sp #series_news .reference{
  padding: 10px;
}

#sp_wrap.sp #series_news .reference h5{
  padding-left: 20px;
  background: url(../img/icon/news/icon_book.png) no-repeat left center;
  background-size: 17px auto;
  font-size: 12px;
  color: #ff9600;
}

#sp_wrap.sp #series_news .reference ul{
  margin-top: 10px;
}

#sp_wrap.sp #series_news .reference li{
  padding-left: 10px;
  background: url(../common/img/tag_arrow.png) no-repeat left 5px;
  background-size: 3px auto;
  font-size: 10px;
  line-height: 1.6;
}

#sp_wrap #series_news .reference.item{
  border: 1px solid #0d5daa;
  background: #f1f5fb;
}

#sp_wrap #series_news .reference.item h5{
  background: url(../img/series/02_news/s-icon_blue_book.png) no-repeat left center;
  background-size: 17px;
  color: #0d5daa;
}


#sp_wrap #series_news .reference.item li{
  background: url(../img/series/02_news/tag_blue_arrow.png) no-repeat left 5px;
}


/**** 掲載号表示 ****/
#feature #detail .num{
  display: none;
}

/*　前の記事・次の記事 */
#sp_wrap #series_news .text p{
  font-size: 12px !important;
}

/*　注釈 */
#sp_wrap #series_news .notes p{
  font-size: 12px !important;
  text-align: right !important;
}
