body {
  color: #030303;
}

.typcn {
  font-size: 1.2em;
}

.margin-top {
  margin-top: 1rem;
}
.margin-top.broad {
  margin-top: 2rem;
}
.margin-top.short {
  margin-top: 0.5rem;
}

.margin-right {
  margin-right: 1rem;
}
.margin-right.broad {
  margin-right: 2rem;
}
.margin-right.short {
  margin-right: 0.5rem;
}

.margin-bottom {
  margin-bottom: 1rem;
}
.margin-bottom.broad {
  margin-bottom: 2rem;
}
.margin-bottom.short {
  margin-bottom: 0.5rem;
}

.margin-left {
  margin-left: 1rem;
}
.margin-left.broad {
  margin-left: 2rem;
}
.margin-left.short {
  margin-left: 0.5rem;
}

.pull-left {
  float: left;
}
.pull-left.width_half {
  max-width: 50%;
}
.pull-left.img_in_frame img {
  width: 100%;
}

.pull-right {
  float: right;
}
.pull-right.width_half {
  max-width: 50%;
  height: auto;
}
.pull-right.img_in_frame img {
  width: 100%;
  height: auto;
}

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

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

.text-right {
  text-align: right;
}

.red {
  color: #ED1A3D;
}

.caution {
  font-weight: bold;
  color: #ED1A3D;
}

.u {
  text-decoration: underline;
}

a#to_home {
  color: inherit;
}
a#to_home:hover {
  text-decoration: none;
}

.addinfo_circle {
  border: dotted 1px gray;
  padding: 16px;
}

.top-bar-is-re-pebble {
  font-size: 1.2em;
  margin-bottom: 16px;
  position: sticky;
  top: 0;
  z-index: 100;
}
.top-bar-is-re-pebble .re-pebble {
  background: #FB614F;
  color: #FFF;
}
.top-bar-is-re-pebble .rebble {
  background: #030303;
  color: yellow;
}
.top-bar-is-re-pebble .old-pebble {
  background: #030303;
  color: #FFF;
}
.top-bar-is-re-pebble .is-watch {
  background: deepskyblue;
  color: #030303;
}
.top-bar-is-re-pebble .is-not-watch {
  background: darkorange;
  color: #030303;
}
.top-bar-is-re-pebble .categories {
  background: lightgray;
  color: #030303;
}

i.bi {
  margin-right: 2px;
}

.toc-title {
  font-size: 1.6em;
}

.link-card {
  text-decoration: none;
}
.link-card:hover {
  text-decoration: none;
  background: #F5F6F7;
}
.link-card a:hover {
  text-decoration: none;
}

#main-list {
  font-size: 1.2em;
  line-height: 2em;
  padding: 0 48px;
  width: 96%;
  margin: 16px 16px 8px;
}
@media screen and (max-width: 600px) {
  #main-list {
    padding: 0 8px;
  }
}
#main-list .post-list .card.post-list-item, #main-list .page-list .card.post-list-item {
  margin-bottom: 32px;
}
#main-list .post-list .card.post-list-item:hover, #main-list .page-list .card.post-list-item:hover {
  background: #F5F6F7;
}
#main-list .post-list .card.post-list-item a:hover, #main-list .page-list .card.post-list-item a:hover {
  text-decoration: none;
}
#main-list .post-list .card.post-list-item .post-list-eyecatch img, #main-list .page-list .card.post-list-item .post-list-eyecatch img {
  width: 100%;
  height: auto;
}
#main-list .post-list .card.post-list-item .post-list-title, #main-list .page-list .card.post-list-item .post-list-title {
  font-size: 22px;
  font-weight: bold;
}
#main-list .post-list .card.post-list-item .post-list-meta, #main-list .page-list .card.post-list-item .post-list-meta {
  margin-top: 24px;
  color: #666;
}

.category {
  border: solid 1px rebeccapurple;
  color: rebeccapurple;
  padding: 1px 8px;
  margin-right: 8px;
}

.chip.tag {
  background: darkslategrey;
  color: #fff;
  word-break: break-all;
  overflow-wrap: anywhere;
  display: inline-block;
  max-width: 100%;
  height: auto;
  white-space: normal;
  text-overflow: clip;
}
.chip.tag .icon, .chip.tag .typcn {
  margin-right: 4px;
  z-index: 1;
}

#main {
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 0 48px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  #main {
    padding: 0 8px;
  }
}
#main h1.post-title, #main h1.page-title {
  margin-bottom: 16px;
  font-weight: 800;
  background: #fff;
  padding: 8px 0;
}
#main .post-meta, #main .page-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
  padding: 8px 0;
  border-top: solid 1px lightgray;
  border-bottom: solid 1px lightgray;
}
@media screen and (max-width: 600px) {
  #main .post-meta, #main .page-meta {
    font-size: 0.8em;
  }
}
#main .post-meta .post-date, #main .post-meta .page-date, #main .page-meta .post-date, #main .page-meta .page-date {
  font-weight: bold;
}
#main .post-meta .post-tags, #main .post-meta .page-tags, #main .page-meta .post-tags, #main .page-meta .page-tags {
  min-width: 0;
}
#main .post-meta .post-tags a, #main .post-meta .page-tags a, #main .page-meta .post-tags a, #main .page-meta .page-tags a {
  display: inline-block;
  max-width: 100%;
}
#main .page-eyecatch img, #main .post-eyecatch img {
  width: 100%;
  margin: 16px auto;
  text-align: center;
}
#main .page-content, #main .post-content {
  width: 100%;
}
#main .page-content img, #main .post-content img {
  max-width: 100%;
}
#main .page-content figure, #main .post-content figure {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-bottom: 32px;
}
#main .page-content figure.photo_figure, #main .post-content figure.photo_figure {
  text-align: center;
}
#main .page-content figure.thumbnail_figure, #main .post-content figure.thumbnail_figure {
  float: left;
  margin: 4px 8px 8px 4px;
}
#main .page-content figure img.photo-image.thumbnail-img, #main .post-content figure img.photo-image.thumbnail-img {
  max-width: 120px;
}
#main .page-content figure figcaption, #main .post-content figure figcaption {
  white-space: pre-line;
}
#main .page-content figure .original-img-link, #main .post-content figure .original-img-link {
  margin-left: 8px;
}
#main .page-content figure .original-img-link .icon-external-link, #main .post-content figure .original-img-link .icon-external-link {
  height: 1.1em;
  width: auto;
  vertical-align: text-bottom;
  margin-left: 2px;
}
#main .post-share, #main .page-share {
  margin-top: 64px;
  padding-top: 16px;
}
#main h2 {
  margin-bottom: 1.4em;
  margin-top: 1.62em;
  font-size: 28px;
  padding: 25px;
  background-color: #F5F6F7;
  font-weight: bold;
}
#main h3 {
  border-left: 7px solid gray;
  border-right: 1px solid lightgray;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  font-size: 22px;
  padding: 12px 20px;
  margin-bottom: 1.4em;
  margin-top: 2em;
}
#main h4 {
  font-size: 20px;
  font-weight: bold;
  border-top: 2px solid lightgray;
  border-bottom: 2px solid lightgray;
  padding: 8px 0;
  margin-top: 24px;
}
#main h5 {
  font-size: 20px;
  font-weight: bold;
}
#main h6 {
  font-size: 18px;
  font-weight: bold;
}
#main img.aligncenter {
  margin: 16px auto;
  text-align: center;
}
#main img.alignleft {
  float: left;
  margin-right: 24px;
  margin-bottom: 24px;
}
#main img.alignright {
  float: right;
  margin-left: 24px;
  margin-bottom: 24px;
}
#main .clear {
  clear: both;
}
#main table {
  border-collapse: collapse;
  border-spacing: 0;
}
#main table tr th {
  border: solid 1px gray;
  padding: 4px 8px;
}
#main table tr td {
  border: solid 1px gray;
  padding: 4px 8px;
}
#main code {
  font-size: 85%;
  padding: 2px 6px 3px;
  border: solid 1px #d73e48;
  border-radius: 4px;
  margin: 0 4px;
}
#main pre.astro-code {
  background: #fcf2f2;
  border-radius: 0.1rem;
  color: #d73e48;
  padding: 8px 16px;
  line-height: 1.1em;
  text-indent: 0;
}
#main pre.astro-code code {
  background-color: inherit;
  color: inherit;
  font-size: 85%;
  border: 0;
  margin: 0;
  padding: 0;
}
#area_footer {
  background-color: #FB604E;
  color: #F5F6F7;
  margin-top: 64px;
  padding: 32px 32px 16px;
  font-size: 1.1em;
  line-height: 2em;
}
#area_footer ul li a {
  color: #F5F6F7;
}
#area_footer div.fb-xfbml-parse-ignore a {
  color: #F5F6F7;
}

.top-menu {
  margin-bottom: 64px;
}

.top-btn {
  border: 1px solid gray;
  padding: 8px 16px;
  display: inline-block;
  text-align: center;
  background-color: #FFF;
  color: inherit;
  margin: 8px;
}
.top-btn:hover {
  background-color: #F5F6F7;
  cursor: pointer;
  text-decoration: none;
}
.top-btn:visited {
  color: inherit;
}

.sidebar-nav ul.nav {
  margin-left: 8px;
}

.old-date-caution {
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 14px;
}

.default_table table th {
  background: lightgray;
}

/* blogcard */
.blogCard {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 12px;
  margin-bottom: 1.6rem;
  transition: 0.2s ease-in-out;
}

.blogCard > .blogCardCont {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.blogCard > .blogCardCont > .blogCardTxt {
  flex-grow: 3;
}

.blogCard > .blogCardCont > .blogCardTxt p {
  font-size: 12px;
}

.blogCard > .blogCardCont > .blogCardTxt > .blogCardTitle {
  margin-bottom: 5px;
  overflow: hidden;
  -webkit-line-clamp: 2 !important;
  max-width: 90%;
  font-size: 14px;
  margin: 8px 0;
  max-height: 160px;
}

.blogCard > .blogCardCont > .blogCardTxt > .blogCardTitle a {
  font-size: 17px;
  line-height: 1.4;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.blogCard > .blogCardCont > .blogCardTxt > .blogCardTitle a:hover {
  text-decoration: underline;
}

.blogCard > .blogCardCont > .blogCardTxt > .blogCardTitle p {
  font-size: 12px;
  overflow: hidden;
  margin: 0;
}

.blogCard > .blogCardCont > .blogCardImg {
  flex-grow: 1;
}

.blogCard > .blogCardCont > .blogCardImg > .blogCardImg__wrap {
  overflow: hidden;
}

.blogCard > .blogCardCont > .blogCardImg img {
  width: auto;
  max-height: 200px;
  max-width: 200px;
}

.blogCard > .blogCardCont > .blogCardFooter {
  font-size: 12px;
}

.blogCard > .blogCardCont > .blogCardFooter a {
  color: #9aa5ab;
}

.blogCard > .blogCardCont > .blogCardFooter a img {
  margin-right: 5px;
}

.blogCardTitle a i, .blog article .blogCardFooter a i {
  display: none;
}

.blogCard.blogCard--noimg .blogCardCont {
  min-height: auto;
}

.blogCard.blogCard--noimg .blogCardTxt {
  margin-right: 0;
}

.blogcard > a {
  color: rgb(51, 51, 51);
}

.blogcard-footer img {
  margin-right: 5px;
}

.card a.screenshot-container {
  text-decoration: none;
  vertical-align: middle;
}
.card a.screenshot-containerhover {
  text-decoration: none;
}
.card a.screenshot-container img {
  height: 100%;
  width: auto;
}

.card.bold {
  border-color: #666;
}

.pagination {
  text-align: center;
  display: block;
}
.pagination .current {
  margin: 8px 24px;
  display: inline-block;
}
#btn_top_scroll_up {
  margin-top: 64px;
  padding: 8px 64px;
  font-size: 22px;
}

blockquote {
  border-left: 0.3rem solid #dadee4;
  background: #fffafa;
}

.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
  margin-bottom: 16px;
}

.appreach:after {
  content: "";
  display: block;
  clear: both;
}

.appreach p {
  margin: 0;
}

.appreach a:after {
  display: none;
}

.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}

.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}

.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}

.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}

.appreach__info {
  font-size: 12px !important;
}

.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}

.appreach__posted a {
  margin-left: 0.5em;
}

.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}

.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}

.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}

.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}

.appreach__star__base {
  position: absolute;
  color: #737373;
}

.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

.lum-lightbox.lum-open {
  z-index: 10;
}

/*# sourceMappingURL=style.css.map */