@charset "utf-8";


/*　調整用 */

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

#feature .contents .entry_contents h3{
  margin-bottom: 8px;
  line-height: 1.3;
  color: #f3b700;
}

#feature .contents .entry_contents h3 img{
  margin-top: 20px;
}

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


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

#pc_wrap .s-no-image{
  display: block !important;
}

#pc_wrap .p-no-image{
  display: none !important;
}

#feature #detail .entry .clearfix p span.pink {
  color: #eb6ea5;
  font-weight: bold;
}

#series_message.page1 h4 span{
  display: block;
}

#series_message.page1 .message_block{
  font-size: 16px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  background: url(../img/series/27_message/bg01.jpg);
}

#series_message.page1 .message_block{
  padding: 35px 25px;
  margin-bottom: 50px;
}

#series_message.page1 .message_block li{
  position: relative;
  min-height: 270px;
  padding: 20px 15px 1px;
  margin-bottom: 35px;
  background: url(../img/series/27_message/bg02.png);
  background-size: 100% 100%;
}


#series_message.page1 .message_block .posting{
  position: relative;
  padding: 23px 0;
}

#series_message.page1 .message_block .posting p{
  margin: 0 30px;
  background: url(../img/series/27_message/line_message.png);
  font-size: 16px;
  line-height: 2.1;
}

#series_message.page1 .message_block .pink .posting{
  background: url(../img/series/27_message/pink_bg.png) repeat-y -26px;
}

#pc_wrap #series_message.page1 .message_block .pink .posting:before{
  content: url(../img/series/27_message/pink_top.png);
  position: absolute;
  top: -31px;
  left: -26px;
}

#pc_wrap #series_message.page1 .message_block .pink .posting:after{
  content: url(../img/series/27_message/pink_bottom.png);
  position: absolute;
  bottom: -6px;
  left: -26px;
}

#series_message.page1 .message_block .pink .posting p span {
  color: #eb6ea5;
  font-weight: bold;
}

#pc_wrap #series_message.page1 .message_block .blue .posting{
  background: url(../img/series/27_message/blue_bg.png) repeat-y -26px;
}

#pc_wrap #series_message.page1 .message_block .blue .posting:before{
  content: url(../img/series/27_message/blue_top.png);
  position: absolute;
  top: -31px;
  left: -26px;
}

#pc_wrap #series_message.page1 .message_block .blue .posting:after{
  content: url(../img/series/27_message/blue_bottom.png);
  position: absolute;
  bottom: -6px;
  left: -26px;
}

#series_message.page1 .message_block .blue .posting p span {
  color: #008ccf;
  font-weight: bold;
}

#series_message.page1 .message_block .name{
  margin: 10px 5px 0 0;
  font-size: 12px;
  text-align: right;
}

#series_message.page1 .message_block .comment{
  position: relative;
  height: 100%;
  margin-top: 20px;
  padding: 0 10px;
}

#series_message.page1 .message_block .comment dt{
  margin-bottom: 12px;
}

#series_message.page1 .message_block .comment .text{
  width: 530px;
  padding: 3px 0 0 10px;
  font-size: 16px;
  line-height: 2.1;
  color: #8a7351 !important;
  margin-bottom: 40px;
  background: url(../img/series/27_message/line_comment.png);
}

#series_message.page1 .message_block .comment dd{
  position: relative;
}

#series_message.page1 .message_block .comment .image{
  position: absolute;
  right: 0;
  bottom: -13px;
}

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

#feature #sp_wrap #detail .entry .outline {
  margin: 60px 0 44px;
}

#feature #sp_wrap #detail.column .entry .outline .time {
  top: 25px;
  left: 50%;
  margin-left: -63px;
}


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

#sp_wrap .s-no-image{
  display: none !important;
}

#sp_wrap .p-no-image{
  display: block !important;
}

#sp_wrap #series_message.page1 h4{
  color: #eb6ea5;
}

#sp_wrap #series_message.page1 h4 span{
  display: inline;
}

#sp_wrap #series_message.page1 .message_block{
  padding: 35px 10px 1px;
}

#sp_wrap #series_message.page1 .message_block li{
  padding: 10px 10px 1px;
  min-height: initial;
}

#sp_wrap #series_message.page1 .message_block .ribbon{
  position: absolute;
  top: -6px;
  left: -5%;
}

#sp_wrap #series_message.page1 .message_block .ribbon img{
  max-width: initial;
  width: 70%;
  height: auto;
}

#sp_wrap #series_message.page1 .message_block .posting{
  position: initial;
  background: none;
  padding: 15px 15px 1px;
}

#sp_wrap #series_message.page1 .message_block .pink .posting{
  border: 2px solid #eb6ea5;
  border-radius: 5px;
}

#sp_wrap #series_message.page1 .message_block .blue .posting{
  border: 2px solid #008ccf;
  border-radius: 5px;
}

#sp_wrap #series_message.page1 .message_block .posting p{
  font-size: 12px;
  line-height: 1.75;
  background: url(../img/series/27_message/s-line_message.png);
  background-size: 3px 42px;
}


#sp_wrap #series_message.page1 .message_block .name{
  font-size: 9px;
  text-align: right;
  margin: 5px 0 1px;;
}

#sp_wrap #series_message.page1 .message_block .comment{
  margin-top: 10px;
}

#sp_wrap #series_message.page1 .message_block .comment dt{
}

#sp_wrap #series_message.page1 .message_block .comment dt img{
  max-width: initial;
  width: 100%;
  height: auto;
  margin-bottom: -8px;
}

#sp_wrap #series_message.page1 .message_block .comment dd{
  position: initial;
}

#sp_wrap #series_message.page1 .message_block .comment .text{
  width: inherit;
  padding-left: 2px;
  font-size: 12px;
  line-height: 1.75;
  background: url(../img/series/27_message/s-line_comment.png);
  background-size: 4px 43px;
}