@charset "utf-8";

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

  blog

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

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

  共通
  
----------------------------------------------------------------------------------------------------*/

.category {
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
  margin-bottom: 1em;
  line-height: 1;
}
.category .cate-ic:before {
  content: "\f07c";
  font-family: "FontAwesome";
  margin-right: 5px;
}

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

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

.kiji-list {
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #43779d;
}
.kiji-list:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.kiji-list .list-title {
  padding-bottom: .5em;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

.kiji-list .list-thumnail {
  text-align: center;
  margin-bottom: 1em;
}


/*--------------------------------------------------------------------------------
  ページネーション
--------------------------------------------------------------------------------*/

.p-pagination {
  font-size:0.88em;
}

.p-pagination__list {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content: center;
  margin: 40px auto 0;
}

.p-pagination__list li {
  display: block;
  margin-right: 8px;
}

.p-pagination__list li .now {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #016161;
  border-radius: 3px;
}
.p-pagination__list li a.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 30px !important;
  padding: 0;
  font-size: 100%;
}


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

  過去の記事一覧（年）
  
----------------------------------------------------------------------------------------------------*/

.archive-year .archive-year-list {
  display: block;
  padding: 1em 2em;
  margin-bottom: 1em;
  box-sizing: border-box;
  background-color: #7bdcb5;
  font-weight: bold;
}
.archive-year .archive-year-list:last-of-type {
  margin-bottom: 0;
}


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

  過去の記事一覧（月）
  
----------------------------------------------------------------------------------------------------*/

.archive-month .archive-month-list {
  display: block;
  margin-bottom: 1em;
  box-sizing: border-box;
}
.archive-month .archive-month-list:last-of-type {
  margin-bottom: 0;
}



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

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

.p-glog {
  text-align:left;
}

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

.p-glog a { text-decoration:underline; }
.p-glog a:hover { text-decoration:none; }

.p-glog ul,
.p-glog ol {
  margin-left:1.2em;
}

.p-glog b,
.p-glog strong {
  font-weight:600;
}

.p-glog__txt {
  word-break:break-all;
  display:inline;
}

.p-glog__txt--column,
.p-glog__img--center,
.p-glog__datafile {
  width:100%;
}

.p-glog__img--center {
  text-align:center;
}

.p-glog__img--left,
.p-glog__img--right {
  display:inline-block;
}

.img--center__item {
  display:inline-block;
}

.p-glog__datafile + .p-glog__txt {
  padding-top:2em;
}
.p-glog__txt + .p-glog__datafile {
  padding-top:2em;
}

.p-glog__img__cp {
  display:block;
  text-align:center;
  line-height:1.4;
  padding-top:0.75em;
}

@media print,screen and (min-width:641px) {
  .p-glog__img--left {
    float:left;
    margin-right:2.5em;
  }
  
  .p-glog__img--right {
    float:right;
    margin-left:2.5em;
  }
  
  .p-glog__img--left:not([data-mg="0"]),
  .p-glog__img--right:not([data-mg="0"]) {
    margin-bottom:1.5em;
  }
  
  .img--center__item[data-ps="top"]:not([data-mg="0"]) {
    margin-bottom:60px;
  }
  
  .img--center__item[data-ps="bottom"]:not([data-mg="0"]) {
    margin-top:60px;
  }
}

@media screen and (max-width:640px) {
  .p-glog__img--left,
  .p-glog__img--right {
    display: block;
    float: none;
    width: 100% !important;
    margin: 0 auto 20px;
  }
}

/*
.p-glog {
  margin-bottom:0;
}

.p-glog__img--left {
  float:left;
  margin-right:2.5em;
}

.p-glog__img--right {
  float:right;
  margin-left:2.5em;
}

.p-glog__img--left:not([data-mg="0"]),
.p-glog__img--right:not([data-mg="0"]) {
  margin-bottom:1.5em;
}

.img--center__item[data-ps="top"]:not([data-mg="0"]) {
  margin-bottom:60px;
}

.img--center__item[data-ps="bottom"]:not([data-mg="0"]) {
  margin-top:60px;
}


@media screen and (max-width:640px) {
  .p-glog__img--left {
    max-width: 100px !important;
  }

  .p-glog__img--right {
    max-width: 100px !important;
  }
}
*/

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

.private-alert p {
  text-align:left;
  background-color:rgba(200,65,95,0.15);
  line-height:1.4;
  color:#a0374b;
  padding:0.75em;
  font-size:1.1em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.private-alert b {
  font-size:0.9em;
  font-weight:600;
  background-color:#a0374b;
  color:#fff;
  padding:0.4em 0.4em 0.5em 0.4em;
  vertical-align:middle;
  margin-right:1em;
  white-space:nowrap;
}

.private-alert small {
  font-size:0.8em;
  -webkit-flex:1;
  flex:1;
}

@media print,screen and (min-width:901px) {
  .private-alert {
    padding-bottom:60px;
  }
}

@media screen and (max-width:900px) {
  .private-alert {
    padding-bottom:2.5em;
  }
}