@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ お知らせ ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  ページタイトル
-----------------------------------------------------------------------------------*/

#pgTitle { background-image:url(../image/pgTitle_bg.jpg); }


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

.info {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.info_err {
  text-align:center;
  line-height:2.5;
}

@media print,screen and (min-width:641px) {
  .info {
    padding-top:80px;
    padding-bottom:80px;
  }
  
  .info_err { padding-top:20px; padding-bottom:20px; }
}

@media screen and (max-width:640px) {
  .info {
    padding:2rem 1rem 2.5rem 1rem;
  }
  
  .info_err { padding-top:2rem; padding-bottom:1.5rem; }
}


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

  一覧
  
----------------------------------------------------------------------------------------------------*/

#infoList li a,
#infoList li a:visited,
#infoList li a:hover { text-decoration:none; }

#infoList li a .title,
#infoList li a:visited .title,
#infoList li a:hover .title { color:inherit; text-decoration:none; }
.ua-pc #infoList li a:hover .title { text-decoration:none; }

#infoList {
  list-style:none;
  text-align:left;
}

#infoList li {
  box-sizing:border-box;
  border-bottom:1px solid #ebebeb;
}

#infoList li a,
#infoList li .inner {
  display:block;
  padding:1rem;
}

#infoList li:first-child a,
#infoList li:first-child .inner {
  padding-top:0;
}

#infoList li .date {
  color:#969696;
}

#infoList li .title {
  display:block;
}

@media print,screen and (min-width:641px) {
  #infoList {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
  }

  #infoList li a:after,
  #infoList li .inner:after {
    content:"";
    display:block;
    height:0;
    clear:both;
  }
  
  #infoList li .date {
    width:12rem;
    display:inline-block;
    float:left;
    clear:both;
    margin-right:-12rem;
  }
  
  #infoList li .title {
    padding-left:10rem;
  }
}


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

  詳細
  
----------------------------------------------------------------------------------------------------*/

#infoDetail-head {
  border-bottom:1px solid #ebebeb;
  text-align:left;
  padding-bottom:1.25rem;
}

#infoDetail-head .date {
  color:#969696;
}

#infoDetail-head h3 {
  line-height:1.5;
  padding-top:0.25rem;
  font-weight:400;
}

#infoDetail {
  text-align:left;
}

#infoDetail .backBtn {
  font-size:inherit;
  line-height:inherit;
  display:inline-block;
  color:inherit;
  position:relative;
  padding-bottom:0.5rem;
  padding-left:1rem;
  padding-right:1rem;
  font-size:87.5%;
}

#infoDetail .backBtn:after {
  content:"";
  width:100%;
  height:1px;
  position:absolute;
  left:0;
  bottom:0;
  background-color:#5a5a5a;
}

#infoDetail .backBtn,
#infoDetail .backBtn:visited,
#infoDetail .backBtn:hover { color:inherit; text-decoration:none; }

/* 2023.9.4 */
#infoDetail .glog-img {
  position: relative;
}
#infoDetail .glog-img-protect {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
#infoDetail .glog-img img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  touch-callout: none;
  user-select: none;
  pointer-events: none;
}

@media print,screen and (min-width:641px) {
  #infoDetail-head { margin-bottom:20px; }
  #infoDetail { padding:20px 0; }

  .ua-pc #infoDetail .backBtn:after {
    transform-origin:right top;
    transform:scale(1,1);
  }

  .ua-pc #infoDetail .backBtn:after {
    -webkit-transition:transform 0.3s;
    -moz-transition:transform 0.3s;
    -ms-transition:transform 0.3s;
    -o-transition:transform 0.3s;
    transition:transform 0.3s;
  }
  
  .ua-pc #infoDetail .backBtn:hover:after {
    transform-origin:left top;
    transform:scale(0,1);
  }
}

@media screen and (max-width:640px) {
  #infoDetail-head { margin-bottom:1.75rem; }
  #infoDetail { padding-bottom:1rem; }
}