@charset "utf-8";

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


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

/*-----------------------------------------------------------------------------------
  ページ見出し
-----------------------------------------------------------------------------------*/

#headline-warp { background-image:url(../image/headline.jpg); }


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

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

.infoDetail {
}

.infoDetail-head {
  border-top:1px solid #333538;
  border-bottom:1px solid #bebfc0;
  padding-top:15px;
  padding-bottom:15px;
  margin-bottom:10px;
}

/* カテゴリ */
.infoDetail-head .cate {
  display:inline-block;
  background-color:#ff9b00;
  color:#fff;
  padding:0.5em;
  line-height:1;
  font-size:81.3%;
  vertical-align:middle;
  margin-right:1em;
  margin-bottom:0.5em;
}

/* 日付 */
.infoDetail-head .date {
  display:inline-block;
  color:#85868a;
  vertical-align:top;
  margin-bottom:0.25em;
}

/* タイトル */
.infoDetail-head .title {
  font-size:137.5%;
  line-height:1.4;
}

@media screen and (max-width:767px) {
  .infoDetail-head {
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    margin-bottom:0.5rem;
  }
  
  .infoDetail-head .title {
    font-size:125.0%;
  }
}


/*-----------------------------------------------------------------------------------
  ブログパターン
-----------------------------------------------------------------------------------*/

.glog {
  padding-top:30px;
}

.glog:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

@media screen and (max-width:767px) {
  .glog {
    padding-top:1.5rem;
  }
}

.glog ul,
.glog ol {
  list-style:inherit;
  margin-left:1.5em;
}
.glog ol {
  list-style:decimal;
}

.glog-txt {
  box-sizing:border-box;
  word-break:break-all;
}

.glog-image-left .glog-txt {
  float:right;
}

.glog-image-right .glog-txt {
  float:left;
}

.glog-image-left .glog-img,
.glog-image-right .glog-img {
  display:inline-block;
  margin-bottom:10px;
  box-sizing:border-box;
}

.glog-image-left .glog-img {
  float:left;
  margin-right:20px;
}

.glog-image-right .glog-img {
  float:right;
  margin-left:20px;
}

.glog-image-center .glog-img {
  display:block;
  text-align:center;
  margin-bottom:25px;
}

.ua-pc .glog-img a img {
  transition:opacity 0.2s ease
}

.ua-pc .glog-img a:hover img {
  filter:alpha(opacity=60);
   opacity:0.6;
  -moz-opacity:0.6;
}

.glog .datafile {
  margin-bottom:15px;
  display:inline-block;
}

.glog .datafile img {
  vertical-align:middle;
  margin-right:0.75em;
}

@media screen and (max-width:767px) {
  .glog-image-left .glog-img {
    margin-right:1rem;
    margin-bottom:0.25rem;
  }
  
  .glog-image-right .glog-img {
    margin-left:1rem;
    margin-bottom:0.25rem;
  }

  .glog-image-center .glog-img {
    margin-bottom:1rem;
  }
  
  .glog .datafile {
    margin-bottom:1rem;
  }
}

@media screen and (max-width:640px) {
  .glog-image-left .glog-img {
    margin-right:0.75rem;
  }
  
  .glog-image-right .glog-img {
    margin-left:0.75rem;
  }
}

@media screen and (max-width:500px) {
  .glog-txt {
    width:inherit !important;
  }
  
  .glog-image-left .glog-img,
  .glog-image-right .glog-img {
    float:none;
    display:block;
    text-align:center;
    width:inherit !important;
    margin-bottom:1rem;
    margin-left:0;
    margin-right:0;
  }
}


/*-----------------------------------------------------------------------------------
  非公開
-----------------------------------------------------------------------------------*/

.hnone-box {
  text-align:center;
  box-sizing:border-box;
  margin-bottom:40px;
  padding:15px;
  color:#e60012;
  border:1px solid #e60012;
}

.hnone-box b {
  font-size:146.2%;
}