@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● お知らせ情報専用CSS を複製                           */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*言語メニュー*/
.rsbp-over-bp2 .SiteHeaderArea .BlockContents.RightItem{
  width:335px;
}
.LangMenu{
  display:flex;
  justify-content: flex-start;
  width:100%;
}
.LangMenu li:not(.LangSelect ){
  display:none!important;
}


.ArticleListBlock.ArticleType1 ul li a {
  display: block;
  padding: 1em;
  position: relative;
}

 .rsbp-over-bp2.Layout1 #ContentsDivision .MainContentsArea{
  margin-top:0;
}

/* --------------------------------------------------- */
/* ActivityIndexPage                                       */
/* --------------------------------------------------- */
.ActivityIndexPage{}

                /* bp2 より広い時 */
                .rsbp-over-bp2.ActivityIndexPage .ArticleListBlock.ArticleType1 ul li .Date{
                  width: 9em;
                  display:block;
                }
                .rsbp-over-bp2.ActivityIndexPage .ArticleListBlock.ArticleType1 ul li .Title{
                  width: 21em;
                  width:100%;
                }


.MainContentsArea .ActivityBlock li a::before{
  display:none;
}
.ActivityTitleHead{

}
.ActivityTitleHead .Date{
  display:block;
}
.ActivityTitleHead .Title{
  font-size:160%;
  display: inline-block;
  width:100%;
  font-weight:700;
  margin-bottom:10px;
  vertical-align: middle;
  position:relative;
  padding-right:50px;
}
.ActivityTitleHead .Title::after {
  content: "\f14c";
  background-color: #158BBA;
  display: inline-block;
  position:absolute;
  right:0;
  top:50%;
  margin-top:-1.4rem;
  width: 1.4em;
  height: 1.4em;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 0.5em;
  font-family: "fontello";
  color: #fff;
  padding: 0.15em;
  text-align: center;
  line-height: 1.4rem;
  font-size: 95%;
}
.NoLink .ActivityTitleHead .Title{
  padding-right:0;
}
.NoLink .ActivityTitleHead .Title::after {
  display:none;
}

.ArticleListBlock.ArticleType1 ul li a::after{
  display:none;
}
.ActivityContent{
  
}
.ActivityContent .ActivityImage{
  float:right;
  padding:8px;
  width:320px;
}
.ActivityContent .ActivityImage img{
  width:100%;
  height:auto;
}

.rsbp-under-bp2 .ActivityContent .ActivityImage{
  float:none;
  padding:8px 0;
  width:100%;
}

.rsbp-under-bp2 .ActivityTitleHead .Title{
  font-size:160%;
  display:block;
  padding-right:0;
}
.rsbp-under-bp2 .ActivityTitleHead .Title::after {
  content: "\f14c";
  right:-50px;
}
.rsbp-under-bp2 .ActivityBlock{
  position: relative;
  z-index: 10;
  width: 100%;
  margin:0 auto;
  display:block;
  padding: 65px 30px;
}


/* --------------------------------------------------- */
/* ActivityDetailPage                                      */
/* --------------------------------------------------- */
.ActivityDetailPage{}



    /* NewsDetailBlock
    --------------------------------------------------- */
    .ActivityDetailPage .NewsDetailBlock{}
        .ActivityDetailPage .NewsDetailBlock .BlockHeader{}
            .ActivityDetailPage .NewsDetailBlock .BlockHeader .Date{
              font-size: 87.5%;
              font-weight: bold;
              text-align: right;
              color: #888;
            }
        .ActivityDetailPage .NewsDetailBlock .BlockContents{
          margin-top: 40px;
        }
            .ActivityDetailPage .NewsDetailBlock .BlockContents .LinkList{
              display: table;
              min-width: 300px;
              margin-top: 30px;
            }
              .ActivityDetailPage .NewsDetailBlock .BlockContents .LinkList li{}
                  .ActivityDetailPage .NewsDetailBlock .BlockContents .LinkList li a{
                    background-color: #fff;
                  }
        .ActivityDetailPage .NewsDetailBlock .BlockFooter{
        }

    /* ButtonBlock
    --------------------------------------------------- */
    .ActivityDetailPage .ButtonBlock{
      margin-top: 100px;
    }