@charset "UTF-8";
/* ----------------------------------------
	#content
---------------------------------------- */
#content {
  padding-bottom: 60px; }
  @media screen and (min-width: 768px) {
    #content {
      padding-bottom: 100px; } }

.inner {
  padding: 30px 0 30px; }
  @media screen and (min-width: 901px) {
    .inner {
      padding: 50px 0 30px; } }

h2.title {
  position: relative;
  margin: 0 auto 15px;
  font-family: "Times New Roman", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "source-han-serif-japanese", serif;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  color: #006bb3; }
  @media screen and (max-width: 480px) {
    h2.title {
      font-size: 2.6rem; } }
  @media screen and (min-width: 768px) {
    h2.title {
      margin: 0 auto 30px;
      font-size: 3.6rem; } }

p.title_subtext {
  text-align: center;
  margin-bottom: 30px;
  color: #666666; }
  @media screen and (min-width: 768px) {
    p.title_subtext {
      margin-bottom: 45px; } }

/* ----------------------------------------
	#bearList
---------------------------------------- */
#bearList ul.List {
  max-width: 800px;
  margin: 0px auto;
  width: 100%; }
  #bearList ul.List li {
    margin-bottom: 20px;
    border: 1px solid #006bb3;
    transition: background-color .25s ease; }
    @media screen and (min-width: 768px) {
      #bearList ul.List li {
        margin-bottom: 30px; } }
    #bearList ul.List li::after {
      transition: transform .25s ease, opacity .25s ease; }
    #bearList ul.List li:hover {
      background-color: rgba(0, 0, 0, 0.03); }
      #bearList ul.List li:hover::after {
        transform: translateY(-50%) translateX(4px);
        opacity: .85; }
    #bearList ul.List li a {
      display: block;
      padding: 15px 30px 15px 15px; }
      @media screen and (min-width: 768px) {
        #bearList ul.List li a {
          padding: 20px 40px 20px 20px; } }
#bearList h2.linktitle {
  position: relative; }
  #bearList h2.linktitle::after {
    content: "";
    position: absolute;
    /*top: 50%;*/
    bottom: 10px;
    right: 7px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url("../images/common/link.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    /* クリック邪魔しない */ }
    @media screen and (min-width: 768px) {
      #bearList h2.linktitle::after {
        right: 20px;
        width: 16px;
        height: 16px;
        bottom: 15px; } }
#bearList time.date {
  color: #333333;
  font-size: 1.4rem;
  display: inline-block;
  width: 100%; }
#bearList span.title {
  font-weight: bold;
  color: #006bb3;
  display: inline-block;
  width: 100%; }
  @media screen and (min-width: 768px) {
    #bearList span.title {
      font-size: 2.0rem; } }
#bearList span.note {
  color: #666666;
  display: inline-block;
  width: 100%;
  font-size: 1.2rem;
  text-align: right; }
  @media screen and (min-width: 768px) {
    #bearList span.note {
      font-size: 1.3rem; } }