#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;
}
.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追加_お店情報(ニュースの店)表示対応 */