/*
 * Theme Name: gottaNi test theme.
 *  Description:
 *
 */

/** ベーススタイル群 */
body{
  font-size:100%;
  background-color: #333333;
}

#main {
  margin:10px auto;
  border: solid 1px;
  position: relative;
  line-height: 130%;
  background-color: #FFFFFF;
  width: 90%;
  padding: 10px;
  font-size: 90%;
}
/*
@media screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio:2) {
*/@media screen and (max-width: 500px) {
#main {
  width: 98%;
  padding: 5px;
  font-size: 85%;
}
}

header h1 {
  font-family:initial;
  color:#FFFFFF;
  background-color:#666666;
  padding:0px;
}

footer {
  font-family:initial;
}


/* wiki cocas custom */
@media screen and (max-width: 500px) {
img#logo {
  width:50px;
  height:50px;
}
}


/* ac plugin css */ 
.plugin-ac-header {
  position: relative;
  padding-left: calc(1em + 5px) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.plugin-ac-header:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.plugin-ac-header .ac-icon {
  font-style: normal;
}
.plugin-ac-header .ac-icon::before, .plugin-ac-header .ac-icon::after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plugin-ac-header .ac-icon::before {
  opacity: 1;
  content: "+";
}
.plugin-ac-header .ac-icon::after {
  opacity: 0;
  content: "-";
}
.plugin-ac-header.open .ac-icon::before {
  opacity: 0;
}
.plugin-ac-header.open .ac-icon::after {
  opacity: 1;
}
.plugin-ac-header.open + .plugin-ac + .plugin-ac-altmsg {
  opacity: 0;
}

.plugin-ac {
  overflow: hidden;
  border-left: 1px ridge silver;
  padding: 0 10px;
  margin-left: 10px;
}

.plugin-ac-altmsg {
  opacity: 1;
}

.plugin-ac-ctrl {
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.plugin-ac-ctrl span {
  pointer-events: none;
}
/* ac plugin css end */


/*gallery.inc.php*/
.hidden {
  display: none !important;
}

.plugin-gallery {
  color: #cfcfcf;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.plugin-gallery.flex-center {
  justify-content: center;
}
.plugin-gallery.flex-left {
  justify-content: flex-start;
}
.plugin-gallery.flex-right {
  justify-content: flex-end;
}
.plugin-gallery.trim-square .gallery-item {
  border-radius: 4px;
}
.plugin-gallery.trim-square .gallery-item::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.plugin-gallery.trim-square .gallery-item .gallery-thumb {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.plugin-gallery.trim-square .gallery-item .gallery-source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.plugin-gallery.trim-circle .gallery-item {
  border-radius: 9999px;
}
.plugin-gallery.trim-circle .gallery-item::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.plugin-gallery.trim-circle .gallery-item .gallery-thumb {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.plugin-gallery.trim-circle .gallery-item .gallery-source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.gallery-item {
  position: relative;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 8px 6px;
  border: 5px solid #666;
  background: #666;
  border-radius: 4px;
  overflow: hidden;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.24));
}
.gallery-item.nowrap {
  border: none;
  background: none;
}
.gallery-item:hover .gallery-source {
  transform: scale(1.1);
}

.gallery-caption {
  position: absolute;
  bottom: 0;
  padding: 10px 8px 3px 8px;
  width: calc(100% - 16px);
  max-height: 40%;
  min-height: 18px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 20%, transparent);
  pointer-events: none;
  font-size: 0.9em;
  text-shadow: 1px 1px 3px #333;
}

.gallery-source {
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.2s;
}

.gallery-add {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  font-weight: bold;
}
.gallery-add a:link, .gallery-add a:visited {
  text-align: center;
  width: 140px;
  padding: 10px 0;
  background: #56b372;
  border-radius: 10px;
  color: #fcfcfc;
  font-size: 14px;
  text-shadow: 1px 1px 3px #333;
}
.gallery-add a:link:hover, .gallery-add a:visited:hover {
  text-decoration: none;
  filter: opacity(0.9);
}

/*gallery.inc.php end*/