/*! senoyuiha02 by senoyuiha.blog.fc2.com */

/* -----------------------------------------------------------------------------
  html
----------------------------------------------------------------------------- */

body {
  background: #f8f8f8;
  color: #444;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.8;
}

a {
  color: #999;
  text-decoration-style:dotted;
}

a:hover {
  color: #ccc;
}

blockquote {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #f8f8f8;
  background: #fcfcfc;
  color: #666;
}

h1, h2, h3, h4, h5, h6 {
  font-family: serif;
}

img {
  max-width: 100%;
  border: 0;
}

ol, ul {
  padding-left: 2em;
}

pre {
  padding: 1em;
  overflow: auto;
  border: 1px solid #f8f8f8;
  background: #fcfcfc;
  color: #666;
  font-size: smaller;
}

table {
  border-collapse: collapse;
  font: inherit;
}

td, th {
  border-color: #dcdcdc;
}

/* -----------------------------------------------------------------------------
  container
----------------------------------------------------------------------------- */

.blog-container {
  max-width: 1024px;
  margin: 0 auto;
  padding: 1rem 2rem;
  box-sizing: border-box;
}

.blog-inner {
  padding: 1rem;
  border: 1px solid #f0f0f0;
  background: #fff;
}

.blog-body {
}

.blog-header {
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}

.blog-title {
  font-size: inherit;
}

.blog-description {
  font-size: smaller;
}

.blog-wrapper {
  display: flex;
  max-width: 1024px;
  margin: 0 auto;
}

.blog-main {
  flex: auto;
}

.blog-sidebar {
  margin-left: 1rem;
  font-size: 9pt;
  flex: 0 0 288px;
}

.blog-footer {
  border-top: 1px solid #f0f0f0;
  background: #fff;
}

.blog-info {
  display: inline-block;
  margin-right: .4em;
}

/* ----------------------------------------------------------------------------
  article
---------------------------------------------------------------------------- */

.blog-article {
  margin: 1rem 0;
  padding: 2rem;
  border: 1px solid #f0f0f0;
  background: #fff;
}

.blog-article-title {
  margin-top: 0;
  font-size: inherit;
}

.blog-article-content {
}

.blog-article-description {
  font-size: smaller;
}

.blog-article-info {
  margin-bottom: 0;
  padding: 0;
  font-size: smaller;
}

.blog-article-info-item {
  display: inline-block;
  margin-right: 8px;
}

/* ----------------------------------------------------------------------------
  form
---------------------------------------------------------------------------- */

.blog-form {
  margin: 1rem 0;
  padding: 2rem;
  border: 1px solid #f0f0f0;
  background: #fff;
}

.blog-form-title {
  margin-top: 0;
  font-size: inherit;
}

.blog-form-content {
}

.blog-form-row {
  display: flex;
  margin: 1em 0;
  justify-content: flex-end;
}

.blog-form-label {
  padding: 8px;
  background: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-right: 0;
  border-radius: 2px 0 0 2px;
  flex: 0 0 30%;
}

.blog-form-input,
.blog-form-textarea,
.blog-form-button,
.blog-form-read {
  padding: 8px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  box-sizing: border-box;
  background: #fff;
  vertical-align: middle;
}

.blog-form-input {
  border-radius: 0 2px 2px 0;
  flex: auto;
}

.blog-form-textarea {
  height: 8em;
  max-height: 20em;
  min-height: 8em;
  border-radius: 0 2px 2px 0;
  flex: auto;
  resize: vertical;
}

.blog-form-secret {
  flex: auto;
}

.blog-form-button {
  padding: 8px 12px;
  flex: none;
}

.blog-form-read {
  width: 100%;
}

/* ----------------------------------------------------------------------------
  section
---------------------------------------------------------------------------- */

.blog-section {
  margin: 1rem 0;
  padding: 2rem;
  border: 1px solid #f0f0f0;
  background: #fff;
}

.blog-section-title {
  margin-top: 0;
  font-size: inherit;
}

.blog-section-content {
}

.blog-section-description {
  font-size: smaller;
}

.blog-section-info {
  margin-bottom: 0;
  padding: 0;
  font-size: smaller;
}

.blog-section-info-item {
  display: inline-block;
  margin-right: 8px;
}

/* ----------------------------------------------------------------------------
  nav
---------------------------------------------------------------------------- */

.blog-nav {
}

.blog-pager {
  display: flex;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
  text-align: center;
  justify-content: space-between;
}

.blog-pager-item {
  display: inline-block;
  margin: 0 .5rem;
  flex: 100%;
}

.blog-pager-item:first-child {
  margin-left: 0;
}

.blog-pager-item:last-child {
  margin-right: 0;
}

.blog-pager-link {
  display: block;
  padding: 8px;
  border: 1px solid #f0f0f0;
  background: #fff;
}

/* ----------------------------------------------------------------------------
  sidebar
---------------------------------------------------------------------------- */

.blog-plugin {
  margin: 1rem 0;
  padding: 2rem;
  border: 1px solid #f0f0f0;
  background: #fff;
}

.blog-plugin-title {
  margin-top: 0;
  font-size: inherit;
}

.blog-plugin-content {
}

.blog-plugin-description {
  font-size: smaller;
}

/* ----------------------------------------------------------------------------
  plugin
---------------------------------------------------------------------------- */

.calender {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.calender caption {
  margin: 1em 0;
}

.calender td {
  border: 0;
}

.calender td a {
  display: block;
  background: #f8f8f8;
}

.calender th {
  border: 0;
}

.calender th:first-child {
  color: #c66;
}

.calender th:last-child {
  color: #66c;
}

.plugin-search {
  display: flex;
}

.plugin-search [type=text] {
  margin-right: .4em;
  padding: 4px;
  border: 1px solid #ccc;
  background: #fff;
  flex: auto;
}

.plugin-search [type=submit] {
  padding: 4px 8px;
  border: 1px solid #ccc;
  flex: none;
}

.plugin-tag {
}

.plugin-tag a {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #f0f0f0;
  font-size: x-small;
}

/* ----------------------------------------------------------------------------
  mobile
---------------------------------------------------------------------------- */

@media screen and (max-width: 720px) {

  html {
    font-size: 8px;
  }

  .blog-wrapper {
    display: block;
  }

  .blog-sidebar {
    margin: 0;
    font-size: inherit;
  }

}