@charset "Shift_JIS";
pre,dl,ol,p,blockquote {
  line-height:150%
}
blockquote {
  margin-left:32px;
  padding:0 14px;
  color:#5e4e4e;
  background-color:#ffffff;
  border:1px solid #a49494;
}
body,
td {
  color:#000;
  accent-color:#944C55;
  background-color:#ffffff;
  margin-left:2%;
  margin-right:2%;
  font-size:small;
  font-family:meiryo,meiryo ui,verdana,arial,helvetica,Sans-Serif
}
a:link {
  color:#2355a5;
  background-color:inherit;
  text-decoration:none
}
a:active {
  color:#2355a5;
  background-color:#cde;
  text-decoration:none
}
textarea {
  box-sizing:border-box;
  max-width:99.5%
}
a:visited {
  color:#703260;
  background-color:inherit;
  text-decoration:none
}
a:hover {
  color:#2355a5;
  background-color:#edc;
  text-decoration:underline
}
h1,
h2 {
  font-family:meiryo,meiryo ui,verdana,arial,helvetica,Sans-Serif;
  color:#ffffff;
  background-color:#aa454d;
  padding:.2em .4em .1em;
  border:0;
  margin:0 0 .5em
}
h1 img ,
h2 img {
  margin-right: unset;
  background-color: #edc;
}
h1 a[title="Edit"] img ,
h2 a[title="Edit"] img {
  padding: 4px 6px 7px 5px;
}
h3 {
  font-family:meiryo,meiryo ui,verdana,arial,helvetica,Sans-Serif;
  border-bottom:1px solid #aa454d;
  border-top:1px solid #aa454d;
  border-left:8px solid #aa454d;
  border-right:1px solid #aa454d;
  color:inherit;
  background-color:#fff;
  padding:.15em .4em;
  margin:0 0 .5em
}
h4 {
  font-family:meiryo,meiryo ui,verdana,arial,helvetica,Sans-Serif;
  border-left:14px solid #aa454d;
  color:inherit;
  background-color:#fff;
  padding:.15em .4em;
  margin:0 0 .5em
}
h5,
h6 {
  font-family:meiryo,meiryo ui,verdana,arial,helvetica,Sans-Serif;
  color:#ffffff;
  background-color:#aa454d;
  padding:.15em .4em;
  border:0;
  margin:0 0 .5em
}
h5 a:link, 
h6 a:link {
  color:#ffffff;
}
h5 img ,
h6 img {
  background-color: #edc;
}
h5 a[title="Edit"] img ,
h6 a[title="Edit"] img {
  padding: 4px 6px 7px 5px;
}
h1.title {
  font-size:30px;
  font-weight:700;
  color:#000;
  background-color:transparent;
  padding:12px 0 0;
  border:0;
  margin:12px 0 0
}
h1.title a:link {
  color:#2355a5;
}
h1.title a:visited {
  color:#703260;
}
dt {
  font-weight:700;
  margin-top:1em;
  margin-left:1em
}
pre {
  border-top:#edd 1px solid;
  border-bottom:#988 1px solid;
  border-left:#edd 1px solid;
  border-right:#988 1px solid;
  padding:.5em;
  margin-left:1em;
  margin-right:2em;
  white-space:pre;
  color:#000;
  background-color:#fff8f0;
  font-family:meiryo,meiryo ui,verdana,arial,helvetica,Sans-Serif;
  //フォント設定追加
}
img {
  border:none;
  vertical-align:middle;
}
ul {
  margin-top:.5em;
  margin-bottom:.5em;
  line-height:150%
}
em {
  font-style:italic
}
strong {
  font-weight:700
}
thead td.style_td,
tfoot td.style_td {
  color:inherit;
  background-color:#e0d8d0
}
thead th.style_th,
tfoot th.style_th {
  color:inherit;
  background-color:#f0e8e0
}
.style_table {
  padding:0;
  border:0;
  margin:auto;
  margin-left:0;
  text-align:left;
  color:inherit;
  background-color:#ddd5cc
}
.style_th {
  padding:5px;
  margin:1px;
  text-align:center;
  color:inherit;
  background-color:#eee
}
.style_td {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#ffffff
}
ul.list1 {
  list-style-type:disc
}
ul.list2 {
  list-style-type:circle
}
ul.list3 {
  list-style-type:square
}
ol.list1 {
  list-style-type:decimal
}
ol.list2 {
  list-style-type:lower-roman
}
ol.list3 {
  list-style-type:lower-alpha
}
.list-indent1 {
  padding-left:16px;
  margin-left:16px
}
.list-indent2 {
  padding-left:32px;
  margin-left:32px
}
.list-indent3 {
  padding-left:48px;
  margin-left:48px
}
.list-indent4 {
  padding-left:64px;
  margin-left:64px
}
div.ie5 {
  text-align:center
}
span.noexists {
  color:inherit;
  background-color:#ffe0d4
}
.small {
  font-size:100%
}
.super_index {
  color:#d33;
  background-color:inherit;
  font-weight:700;
  font-size:100%;
  vertical-align:super
}
.plugin-tooltip {
  border-bottom:1px dashed gray
}
[data-tippy-root] a {
  text-decoration:underline #f5f5f5 solid 1px
}
[data-tippy-root] a:link,
[data-tippy-root] a:visited {
  color:unset
}
a.note_super {
  color:#d33;
  background-color:inherit;
  font-weight:700;
  font-size:100%;
  vertical-align:super
}
div.jumpmenu {
  font-size:60%;
  text-align:right
}
hr.full_hr {
  border-style:ridge;
  border-color:#383333;
  border-width:1px 0
}
hr.note_hr {
  width:90%;
  border-style:ridge;
  border-color:#383333;
  border-width:1px 0;
  text-align:center;
  margin:1em auto 0
}
span.size1 {
  font-size:xx-small;
  line-height:130%;
  text-indent:0;
  display:inline
}
span.size2 {
  font-size:x-small;
  line-height:130%;
  text-indent:0;
  display:inline
}
span.size3 {
  font-size:small;
  line-height:130%;
  text-indent:0;
  display:inline
}
span.size4 {
  font-size:medium;
  line-height:130%;
  text-indent:0;
  display:inline
}
span.size5 {
  font-size:large;
  line-height:130%;
  text-indent:0;
  display:inline
}
span.size6 {
  font-size:x-large;
  line-height:130%;
  text-indent:0;
  display:inline
}
span.size7 {
  font-size:xx-large;
  line-height:130%;
  text-indent:0;
  display:inline
}
strong.word0 {
  background-color:#ff6;
  color:#000
}
strong.word1 {
  background-color:#a0ffff;
  color:#000
}
strong.word2 {
  background-color:#9f9;
  color:#000
}
strong.word3 {
  background-color:#f99;
  color:#000
}
strong.word4 {
  background-color:#f6f;
  color:#000
}
strong.word5 {
  background-color:#800;
  color:#fff
}
strong.word6 {
  background-color:#0a0;
  color:#fff
}
strong.word7 {
  background-color:#886800;
  color:#fff
}
strong.word8 {
  background-color:#004699;
  color:#fff
}
strong.word9 {
  background-color:#909;
  color:#fff
}
.edit_form {
  clear:both
}
div#header {
  padding:0;
  margin:0
}
div#navigator {
  clear:both;
  padding:4px 0 0;
  margin:0
}
td.menubar {
  width:13em;
  vertical-align:top
}
div#menubar {
  width:23em;
  padding:0;
  margin:4px;
  word-break:break-all;
  font-size:90%;
  overflow:hidden
}
div#menubar ul {
  margin:0 0 0 .5em;
  padding:0 0 0 .5em
}
div#menubar ul li {
  line-height:180%
}
div#menubar h4 {
  font-size:110%
}
div#body {
  padding:0;
  margin:0 0 0 30px
}
div#note {
  clear:both;
  padding:0;
  margin:0
}
div#attach {
  clear:both;
  padding:0;
  margin:0
}
div#toolbar {
  clear:both;
  padding:0;
  margin:0;
  text-align:right
}
div#lastmodified {
  font-size:80%;
  padding:0;
  margin:0
}
div#related {
  font-size:80%;
  padding:0;
  margin:16px 0 0
}
div#footer {
  font-size:70%;
  padding:0;
  margin:16px 0 0
}
div#banner {
  float:right;
  margin-top:24px
}
div#preview {
  color:inherit;
  background-color:#fff8f5;
}
img#logo {
  float:left;
  margin-right:20px
}
.anchor {
}
.anchor_super {
  font-size:xx-small;
  vertical-align:super
}
br.spacer {
}
.style_calendar {
  padding:0;
  border:0;
  margin:3px;
  color:inherit;
  background-color:#ddd5cc;
  text-align:center
}
.style_td_caltop {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#fff5ee;
  font-size:80%;
  text-align:center
}
.style_td_today {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#ffd;
  text-align:center
}
.style_td_sat {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#dde5ff;
  text-align:center
}
.style_td_sun {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#fee;
  text-align:center
}
.style_td_blank {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#fff5ee;
  text-align:center
}
.style_td_day {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#fff5ee;
  text-align:center
}
.style_td_week {
  padding:5px;
  margin:1px;
  color:inherit;
  background-color:#eee5dd;
  font-size:80%;
  font-weight:700;
  text-align:center
}
div.calendar_viewer {
  color:inherit;
  background-color:inherit;
  margin-top:20px;
  margin-bottom:10px;
  padding-bottom:10px
}
span.calendar_viewer_left {
  color:inherit;
  background-color:inherit;
  float:left
}
span.calendar_viewer_right {
  color:inherit;
  background-color:inherit;
  float:right
}
.clear {
  margin:0;
  clear:both
}
div.counter {
  font-size:70%
}
span.diff_added {
  color:blue;
  background-color:inherit
}
span.diff_removed {
  color:red;
  background-color:inherit
}
hr.short_line {
  text-align:center;
  width:80%;
  border-style:solid;
  border-color:#333;
  border-width:1px 0
}
h5.side_label {
  text-align:center
}
ul.navi {
  margin:0;
  padding:0;
  text-align:center
}
li.navi_none {
  display:inline;
  float:none
}
li.navi_left {
  display:inline;
  float:left;
  text-align:left
}
li.navi_right {
  display:inline;
  float:right;
  text-align:right
}
span.comment_date {
  font-size:x-small
}
span.new1 {
  color:red;
  background-color:transparent;
  font-size:x-small
}
span.new5 {
  color:green;
  background-color:transparent;
  font-size:xx-small
}
._p_comment_form input[name=msg] {
  max-width:90%
}
._p_pcomment_form input[name=msg] {
  max-width:90%
}
._p_article_form input[name=subject] {
  max-width:82%
}
span.counter {
  font-size:70%
}
ul.popular_list {
}
ul.recent_list {
}
div.img_margin {
  margin-left:32px;
  margin-right:32px
}
td.vote_label {
  color:inherit;
  background-color:#c8d0d8;
}
td.vote_td1 {
  color:inherit;
  background-color:#ffe5dd
}
td.vote_td2 {
  color:inherit;
  background-color:#fff5ee
}
._p_bugtrack_form input[name=summary],
._p_bugtrack_form textarea {
  box-sizing:border-box;
  width:35em;
  max-width:99.5%
}
._p_tracker_form th {
  min-width:5em
}
.sort-arrow {
  width:17px;
  height:17px;
  background-position:center center;
  background-repeat:no-repeat;
  margin:0 2px;
  background-image:url(../image/blank.png)
}
.sort-arrow.descending {
  background-image:url(../image/downsimple.png)
}
.sort-arrow.ascending {
  background-image:url(../image/upsimple.png)
}
.filter-box {
  width:100%;
  height:1.5em;
  margin:0
}
#page-top {
  position:fixed;
  bottom:20px;
  right:20px;
  font-size:77%
}
#page-top a {
  background:#666;
  text-decoration:none;
  color:#fff;
  width:100px;
  padding:30px 0;
  text-align:center;
  display:block;
  border-radius:5px;
  filter:alpha(opacity=50);
  -moz-opacity:.5;
  opacity:.5
}
#page-top a:hover {
  text-decoration:none;
  background:#999
}
ul.list1>li.pcmt {
  padding-top:4pt;
  padding-bottom:4pt;
  border-top:2px #ccc solid
}
.sticky-ads {
  position:sticky;
  position:-webkit-sticky;
  top:0
}
.plugin-card * {
  box-sizing:border-box;
  margin:0;
  padding:0
}
.plugin-card * img {
  max-width:100%!important
}
.plugin-card {
  --opacity-details: 0.8;
  display:grid;
  gap:16px 8px;
  max-width:100%;
  min-width:300px
}
.plugin-card[data-layout=horizontal] .card-item {
  height:120px
}
.plugin-card[data-layout=horizontal] .card-body {
  -moz-column-gap:10px;
  column-gap:10px;
  grid-template:"image title  " 1fr "image snippet" 3fr "image lastmod" 1fr/100px 1fr
}
.plugin-card[data-layout=horizontal] .card-thumbnail {
  width:100px;
  height:100px
}
.plugin-card[data-layout=vertical] .card-body {
  grid-template:"image" "title" "snippet" "lastmod";
  row-gap:8px
}
.plugin-card[data-layout=vertical] .card-thumbnail {
  width:100%;
  height:auto;
  aspect-ratio:16/9
}
.plugin-card[data-cols="1"] {
  grid-template-columns:repeat(auto-fit,minmax(auto,640px))
}
.plugin-card[data-cols="1"] .card-item {
  max-width:640px
}
.plugin-card[data-cols="2"] {
  grid-template-columns:repeat(auto-fit,minmax(auto,356px))
}
.plugin-card[data-cols="2"] .card-item {
  max-width:356px
}
.plugin-card[data-cols="3"] {
  grid-template-columns:repeat(auto-fit,minmax(auto,234.6666666667px))
}
.plugin-card[data-cols="3"] .card-item {
  max-width:234.6666666667px
}
.plugin-card[data-cols="4"] {
  grid-template-columns:repeat(auto-fit,minmax(auto,174px))
}
.plugin-card[data-cols="4"] .card-item {
  max-width:174px
}
.plugin-card[data-cols="5"] {
  grid-template-columns:repeat(auto-fit,minmax(auto,137.6px))
}
.plugin-card[data-cols="5"] .card-item {
  max-width:137.6px
}
.plugin-card[data-cols="6"] {
  grid-template-columns:repeat(auto-fit,minmax(auto,113.3333333333px))
}
.plugin-card[data-cols="6"] .card-item {
  max-width:113.3333333333px
}
.plugin-card[data-justify=flex-start] {
  margin:24px auto 24px 0;
  justify-content:flex-start
}
.plugin-card[data-justify=flex-end] {
  margin:24px 0 24px auto;
  justify-content:flex-end
}
.plugin-card[data-justify=start] {
  margin:24px auto 24px 0;
  justify-content:start
}
.plugin-card[data-justify=end] {
  margin:24px 0 24px auto;
  justify-content:end
}
.plugin-card[data-justify=left] {
  margin:24px auto 24px 0;
  justify-content:left
}
.plugin-card[data-justify=center] {
  margin:24px auto;
  justify-content:center
}
.plugin-card[data-justify=right] {
  margin:24px 0 24px auto;
  justify-content:right
}
.plugin-card[data-justify=space-between] {
  margin:24px auto;
  justify-content:space-between
}
.plugin-card[data-justify=space-around] {
  margin:24px auto;
  justify-content:space-around
}
.plugin-card[data-justify=space-evenly] {
  margin:24px auto;
  justify-content:space-evenly
}
.plugin-card[data-justify=stretch] {
  margin:24px auto;
  justify-content:stretch
}
.card-item {
  border:1px solid rgba(155,155,155,.5);
  border-radius:4px;
  max-width:100%;
  transition:transform .3s,box-shadow .3s;
  box-shadow:0 0 rgba(0,0,0,.5)
}
.card-item:hover {
  transform:translate(2px,-5px);
  box-shadow:0 5px 10px -5px rgba(0,0,0,.5)
}
a.card-overwrap {
  color:unset;
  text-decoration:none
}
.card-body {
  display:grid;
  align-items:center;
  width:100%;
  height:100%;
  padding:10px
}
.card-body>* {
  margin:0;
  padding:0
}
.card-thumbnail {
  grid-area:image;
  overflow:hidden;
  border-radius:8px;
  background-color:#000
}
.card-image {
  width:100%!important;
  height:100%!important;
  -o-object-fit:cover;
  object-fit:cover
}
.card-title {
  grid-area:title;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  background-color:transparent
}
.card-snippet {
  grid-area:snippet;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  opacity:var(--opacity-details);
  height:4em
}
.card-lastmod {
  grid-area:lastmod;
  justify-self:flex-end;
  opacity:var(--opacity-details)
}
.card-lastmod[data-length=short] {
  display:none
}
.bold {
  font-weight:700
}
@media(min-width:768px) {
  .plugin-card[data-compact=true] .card-title {
    -webkit-line-clamp:2;
    height:3.5rem
  }
  .plugin-card[data-compact=true] .card-snippet {
    display:none
  }
  .plugin-card[data-compact=true] .card-lastmod[data-length=full] {
    display:none
  }
  .plugin-card[data-compact=true] .card-lastmod[data-length=short] {
    display:initial
  }
}
@media(max-width:767px) {
  .plugin-card[data-justify] {
    justify-content:center
  }
  .plugin-card[data-cols][data-layout=vertical] {
    grid-template-columns:repeat(auto-fit,minmax(auto,300px))
  }
  .plugin-card[data-cols][data-layout=vertical] .card-item {
    max-width:300px
  }
}
div#body .toc {
  font-size:13px;
  background:#fff;
  margin:0 0 0 -10px;
  z-index:2
}
div#body .toc .toctitle {
  text-align:center;
  margin:0 10px 0 0
}
div#body .toc .toctitle span {
  font-weight:700;
  margin:0
}
div#body .toc .toclist ul {
  margin:5px 5px 5px 0
}
div#body .toc .toclist ul ul {
  margin-left:-7px
}
div#body .toc .toctitle {
  display:none
}
.glossymenu {
  width:100%
}
.glossymenu p {
  margin:0
}
.glossymenu p a {
  color:#fff;
  position:relative;
  text-decoration:underline
}
.submenuheader p a {
  color:#fff;
  position:relative;
  text-decoration:none
}
.glossymenu p a :visited,
.glossymenu p a:active,
.submenuheader p a:visited,
.submenuheader p a:active {
  color:#fff
}
.glossymenu p a:hover,
.submenuheader p a:hover {
}
.submenuheader {
  position:relative;
  cursor:pointer
}
.submenuheader .statusicon {
  position:absolute;
  top:5px;
  right:5px;
  border:none
}
#menubar .submenu {
}
#menubar .submenu ul.menu li {
  margin-bottom:2px
}
#menubar .submenu ul.menu li a {
  text-decoration:underline
}
#menubar .submenu ul.menu li a:hover {
}
#menubar .submenu ul.menu li span.noexists a {
  margin-left:1px;
  padding:0 1px
}
.lightbox-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.8);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center
}
.lightbox-overlay img {
  max-width:90%;
  max-height:90%
}
.lightbox-close {
  position:absolute;
  top:10px;
  right:20px;
  font-size:30px;
  font-weight:700;
  color:#fff;
  cursor:pointer
}
.secedit-textarea {
  box-sizing:border-box;
  width:100%;
  max-width:100%
}
.pcomment,
li {
  overflow-wrap:anywhere
}
#pcomment-form>input[type=radio] {
  display:none
}
.pcomment-textarea {
  width:400px;
  height:60px;
  resize:both
}
@media screen and (max-width:768px) {
  .pcomment-textarea {
    width:280px;
    height:30px
  }
}