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

/** 個別パーツ要素群 */
.caption{
  border-left: solid 10px #CCCCFF;
  border-bottom: solid 3px #CCCCFF;
/*  height: 30px; */
  width: 70%;
  padding: 8px 5px 0px 5px;
  color: #666666;
  font-weight: normal;
}
/*
@media screen and (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio:2) {
*/@media screen and (max-width: 500px) {
.caption{
/*  height: 15px; */
  width: 92%;
  padding: 8px 5px 7px 5px;
  margin-bottom: 18px;
  font-size:110%;
}}

.info_text{
  margin-top: -15px;
  padding-left: 1.5em;
/*  font-size: small; */
  line-height: 130%;
}

table#cat_map{
  width: 90%;
  margin-left:3%;
  border-collapse: collapse;
}
#cat_map td{
  border: solid 2px #CCCCFF;
  padding: 3px 5px;
}
#cat_map td.category{
  width: 15%;
}
#cat_map td.info{
  width: 85%;
}

.lib_section{
  width:800px;
}

.lib_page{
  width:75%;
/*  height:314px; */
  background-image:url(../img/lib_textarea_blank.png);
/*  background-size:800px 314px; */
  background-size:100% 100%;
  background-repeat:no-repeat;
  padding:5px 5px;
  margin:10px 0px;
}

@media screen and (max-width: 765px) {
/*@media screen and (max-width: 500px) {*/
.lib_page{
  width:94%;
  padding:3px 5px 3px 3px;
  margin:0px 0px;
  background-size:100% 98%;
  
}}

.lib_hr{
  width:98%;
  padding:0px;
  margin-left:2px;
  color:#CCBBBB;
}

.lib_text{
  width:100%;
/*  height:90%; */
  max-height:500px;
  color:#663300;
  font-size:80%;
  margin:10px 5px;
  font-family: cursive, fantasy, serif;
  overflow: auto;
/*
  overflow-y:scroll;

  width:800px;
  height:314px;
  overflow: auto;
  padding: 0px;
  margin:0px;
  font-size: small;
  line-height: 140%;
  background-image:url(../img/lib_textarea_blank.png);
  background-size:800px 314px;
  background-repeat:no-repeat;
*/
}
@media screen and (max-width: 765px) {
/*@media screen and (max-width: 500px) {*/
.lib_text{
  max-height:300px;
  width:99%;
  margin:3px 10px 10px 5px;
}}

.lib_text div{
  padding:2px 8px 2px 2px;
}
@media screen and (max-width: 500px) {
.lib_text div{
  padding:0px 8px 5px 0px;
}}

.lib_log_area{
  border:solid 1px;
  max-height: 550px;
  overflow: auto;
  padding: 5px 15px 0px 15px;
  line-height: 120%;
}

.lib_edit_area{
  width:150%;
  height:200px;
  font-size:90%;
}
@media screen and (max-width: 765px) {
/*@media screen and (max-width: 500px) {*/
.lib_edit_area{
  width:100%;
}}

a.site_name {
  font-size:larger;
}