#mainContents {

}
#newsBlock .pager {

}
#newsBlock .pager ul {
  margin: 10px 0px;
}
#newsBlock {
  margin-bottom: 30px;
}
#newsBlock h2 {
  margin-bottom: 5px;
  border: 1px solid #e8e8d5;
}
#newsBlock h2 span {
  background: url("/img/fppc/iconPageTitleNews.png") no-repeat 0px 50% #F0F0E6; border: 1px solid #f0f0e6; height: 26px; color: #3c2b20; line-height: 28px; padding-left: 23px; font-size: 17px; font-weight: bold; display: block;
}
#newsCount {

}
#newsCount span {
  color: rgb(31, 99, 180); padding-right: 2px; font-size: 17px; font-weight: bold;
}
#newsBoxList {
  border-top-color: #999; border-top-width: 1px; border-top-style: dotted;
}
.newsBox {
  padding: 10px 20px; overflow: hidden; border-bottom-color: #999; border-bottom-width: 1px; border-bottom-style: dotted;
}
.newsBox .newsBoxText {
  width: 560px; line-height: 20px; font-size: 14px; margin-left: 10px; float: left;
  color: rgb(51, 51, 51);
}
.newsBox .time {
  font-size: 11px;
  color: rgb(51, 51, 51);
}
.newsBox .newsBoxText h3 {
  margin-bottom: 5px;
}
.newsBox h3 {
  color: rgb(51, 51, 51); font-size: 25px; font-weight: bold;
}
.newsBox .newsBoxText .moreLink {
  text-align: left; margin-top: 15px;
  color: rgb(131, 58, 25);
}
.newsBox .newsBoxText .moreLink span {
  background: url("/img/fppc/moreLink.png") no-repeat left 50%; padding-left: 12px;
}
.newsBox .newsBoxImg {
  width: 110px; float: left;
}
.newsBox .newsBoxImg p img {

}
#newsDetail {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 30px;
}
#newsDetail .time {
  font-size: 11px;
}
#newsDetail .newsinner h3 {
  font-size: 17px; font-weight: bold; margin-bottom: 10px;
}
#newsDetail .newsinner .imgHeader {
  text-align: center;
  margin: 0 auto 10px;
  width: 640px;
  height: 360px;
}
#newsDetail .pagerDetail {

}
.topics_sub {
  padding-top: 20px; clear: both;
}
.topics_sub h4 {
  background: rgb(200, 200, 255); margin: 0px 0px 10px; height: 30px; line-height: 30px; text-indent: 10px; clear: both; font-size: 16px; font-weight: bold;
}
.box-a {
  overflow: hidden; padding-bottom: 20px; clear: both; -ms-word-wrap: break-word;
}
.box-b {
  overflow: hidden; padding-bottom: 20px; clear: both; -ms-word-wrap: break-word;
}
.box-c {
  overflow: hidden; padding-bottom: 20px; clear: both; -ms-word-wrap: break-word;
}
.box-d {
  overflow: hidden; padding-bottom: 20px; clear: both; -ms-word-wrap: break-word;
}
.box-a img {
  margin: 0px 15px 15px 0px; float: left;
}
.box-b img {
  margin: 0px 0px 15px 15px; float: right;
}
.box-c img {
  margin: 0px 10px 15px 0px;
}
.box-d img {
  margin: 0px 10px 15px 0px;
}
.right {
  text-align: right;
}
.subtitle {
  padding-bottom: 5px; font-weight: bold; padding-bottom: 15px;
}
#newsNewBlock {
  margin-bottom: 20px;
}
#newsNewBlock h4 {
  height: 25px; color: rgb(178, 31, 98); line-height: 25px; padding-left: 5px; font-size: 15px; font-weight: bold; margin-bottom: 10px; border-left-color: rgb(178, 31, 98); border-left-width: 10px; border-left-style: solid; background-color: rgb(240, 240, 230);
}
#newsNewBlock ul {

}
#newsNewBlock ul li {
  padding-bottom: 10px; margin-bottom: 10px; border-bottom-color: rgb(31, 99, 180); border-bottom-width: 1px; border-bottom-style: dotted;
}
#newsNewBlock ul li a {
  background: url("/img/fppc/moreLinkList.png") no-repeat left 50%; padding-left: 12px; font-size: 15px; font-weight: bold;
}
#newsNewBlock .moreLink a {
  background: url("/img/fppc/moreLink.png") no-repeat 0px 50%; padding-left: 12px;
}
#newsPickupBlock {
  margin-bottom: 20px;
}
#newsPickupBlock h4 {
  color: rgb(178, 31, 98); font-size: 15px; font-weight: bold; margin-bottom: 10px;
}
#newsPickupBlock ul {
  overflow: hidden;
}
#newsPickupBlock ul li {
  width: 345px; overflow: hidden; margin-bottom: 15px; float: left;
}
#newsPickupBlock ul li:nth-of-type(2n+1) {
  margin-right: 20px;
}
#newsPickupBlock ul li .boxText {
  width: 225px; margin-left: 10px; float: right;
}
#newsPickupBlock ul li .boxImg {
  width: 110px; float: left;
}

div.newsBoxBlock:hover
{
  background:#eaf2fd;
}
div.newsBoxBlock:hover a
{
  text-decoration: none;
}
/* ↓ お仕事ニュース動画追加 2016/10/13 */
.newsBox .time span {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  height: 13px;
  line-height: 13px;
  padding: 3px 6px 2px;
  text-align: center;
}
.newsBox .time span.topics_movie_icon {
  border: 1px solid #333333;
  color: #333333;
  margin-left: 5px;
}
.newsBox .time span.topics_movie_icon img.topics_movie_icon_img {
  position: relative;
  top: 0;
  border: 0 none;
  margin-right: 2px;
  width: 12px;
}
#newsDetail .newsinner a.topics_movie {
  display: block;
  width: 640px;
  height: 360px;
  background-color: #000000;
  border: solid 1px #CCCCCC;
  margin: 0 auto 10px;
}
#newsDetail .newsinner .newsContent .newsContentLeft {
}
#newsDetail .newsinner .newsContent .newsContentLeft .imgHeader img.imgHeaderPic {
/* width: 200px; */
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #000000;
  border: solid 1px #CCCCCC;
  margin: 0 auto 10px;
}
#newsDetail .newsinner .newsContent .newsContentRight {
  font-size: 16px;
}
#newsDetail .newsinner .newsContent .newsContentOne {
  height: 100%;
}
/* ↑ お仕事ニュース動画追加 2016/10/13 */
/* ↓ 2026/01/26 会員限定ニュース */
.time span.member_only {
  background: #8a8a8a;
  color: white;
  border-radius: 8px;
  font-weight: bold;
  padding: 2px 4px;
  display: inline-block;
  height: 13px;
  line-height: 13px;
  /* ↓ 取材レポート＋ニュース一覧 @SC 2026/06/18 */
  margin-left: 5px;
  /* ↑ 取材レポート＋ニュース一覧 @SC 2026/06/18 */
}
.white-icon{
  margin-right: 2px;
}
.member_only_wrap{
  padding: 32px 0;
}

.member_only_text{
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  text-align: center;
}


/* ボタンエリア */
.member_only_btn_wrap{
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.member_only_btn_wrap a{
  display: block;
  width: 100%;
  max-width: 320px;
  text-align: center;
  padding: 12px 12px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  line-height: 1;
}

/* 1個目：青の塗りボタン（ログイン） */
.member_only_btn_wrap a:first-child{
  background: #0096ff;
  color: #fff;
  border: 1px solid #0096ff;
}

/* 2個目：白の枠ボタン（新規登録） */
.member_only_btn_wrap a:last-child{
  background: #fff;
  color: #0096ff;
  border: 1px solid #0096ff;
}

@media (min-width: 768px){
  .member_only_btn_wrap{
    flex-direction: row;
    justify-content: center;
  }
  .member_only_btn_wrap a{
    width: 220px;
  }
}
/* ↑ 2026/01/26 会員限定ニュース */
/* ↓ 2017/04/27 お仕事ニュース仕事NO追加_お店情報(ニュースの店)表示対応 */
#newsDetail .newsinner .newsShop {
  padding-bottom: 30px;
}
#newsDetail .newsinner .newsShop h4 {
  background: rgb(200, 200, 255);
  margin: 0px 0px 10px;
  height: 20px;
  line-height: 20px;
  text-indent: 10px;
  clear: both;
  font-size: 14px;
  font-weight: bold;
}
#newsDetail .newsinner .newsShop .shopDtl {
  position:relative;
  background: #FFF;
  padding: 10px;
  border-radius: 5px;
}
#newsDetail .newsinner .newsShop .shopDtl a.shopUrl {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#newsDetail .newsinner .newsShop .shopDtl .shopUrl a {
  text-decoration: none;
}
#newsDetail .newsinner .newsShop .shopDtl span.shopName-sk {
  text-decoration: none;
}
#newsDetail .newsinner .newsShop .shopDtl .shopCategory {
  color: #333;
  text-decoration: none;
  padding-left: 5px;
}
#newsDetail .newsinner .newsShop .shopDtl .shopInfo dt {
  float: left;
  width: 40px;
}
#newsDetail .newsinner .newsShop .shopDtl .shopInfo a.shopMail {
  position:relative;
}
#newsDetail .newsinner .newsShop hr {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  height: 1px;
  margin: 10px -10px 0px;
}
/* ↑ 2017/04/27 お仕事ニュース仕事NO追加_お店情報(ニュースの店)表示対応 */
/* ↓ 取材レポート＋ニュース一覧 @SC 2026/06/18 */
#newsBlock > .newsBoxBlock.consultOptionBox .newsBox {
  border-top: 1px dotted #999;
}
#newsBlock > .pager + .newsBoxBlock.consultOptionBox + #newsBoxList,
#newsBlock > .newsBoxBlock.consultOptionBox + #newsBoxList {
  border-top: none;
}
div.newsBoxBlock.consultOptionBox .newsBox h3 {
  color: #0066ff;
}
.newsBox .time span.consultOptionLabel {
  background: #FFFFFF;
  color: #0066ff;
  border: 1px solid #0066ff;
  border-radius: 4px;
  padding: 3px 6px 2px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
  height: 13px;
  line-height: 13px;
  text-align: center;
  margin-left: 5px;
}
/* ↑ 取材レポート＋ニュース一覧 @SC 2026/06/18 */