@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.ads1{
text-align:center;
margin:0 0 15px;
}
.sensei{
	color:#593612;
	font-weight:bold;
	margin:0 4px 0 3px;
	padding:2px 4px;
	background:#dad3be;
	border:solid 2px #b20000;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.senseid{
	color:#593612;
	font-weight:bold;
	margin:0 3px 0;
	padding:0px 2px;
	background:#dad3be;
	border:solid 2px #004ab2;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.midashi1{
	border:solid 1px #ddd;
	padding:5px;
	border-radius:5px;
	background:#eee;
	-moz-border-radius:5px;
	background:-moz-linear-gradient(top,  #fff,  #eee);
	-webkit-border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	-pie-background:linear-gradient(top,  #fff,  #eee);
	behavior:url(images/PIE.htc);
}
.midashi2{
	border-left:5px #84b2e0 solid;
	padding-left:10px;
	font-weight:bold;
	font-size:120%;
}
.midashi3{
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    padding: .5em .7em;
    overflow: hidden;
    border: 2px solid #2589d0;
    border-radius: 5px;
    color: #333333;
	font-weight:bold;
	font-size:120%;
}
.midashi3:before {
    position: absolute;
    top: -50%;
    left: -30px;
    z-index: -1;
    transform: rotate(25deg);
    width: 100px;
    height: 200%;
    background-color: #2589d0;
    content: '';
}
.midashi3 span {
    margin-right: 1.1em;
    color: #fff;
    font-size: 1.1em
}
.midashi4{
    padding: .5em .7em;
    border-top: 2px solid #5ba9f7;
    border-bottom: 2px solid #5ba9f7;
    background-image: linear-gradient(45deg, #5ba9f712 25%, transparent 25%, transparent 50%, #5ba9f712 50%, #5ba9f712 75%, transparent 75%, transparent), linear-gradient(-45deg, #5ba9f712 25%, transparent 25%, transparent 50%, #5ba9f712 50%, #5ba9f712 75%, transparent 75%, transparent);
    background-color: #5ba9f70d;
    background-size: 20px 20px;
    color: #5ba9f7;
}
.midashi5{
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    padding: .3em .5em;
    overflow: hidden;
    border: 2px solid #ff89d0;
    border-radius: 5px;
    color: #333333;
	font-weight:bold;
	font-size:120%;
}
.midashi5:before {
    position: absolute;
    top: -50%;
    left: -30px;
    z-index: -1;
    transform: rotate(25deg);
    width: 100px;
    height: 200%;
    background-color: #ff89d0;
    content: '';
}
.midashi5 span {
    margin-right: 0.5em;
    color: #fff;
    font-size: 1.1em
}

.descended_a .descended_bigtitle{
min-width:30%;
}
.descended_nanido_s{
font-weight:bold;
font-size:270%;
color:goldenrod;
text-shadow:2px 2px 1px gold;
}
.descended_nanido_a{
font-weight:bold;
font-size:270%;
color:#660000;
text-shadow:2px 2px 1px #fe3b7f;
}
.descended_nanido_b{
font-weight:bold;
font-size:270%;
color:#276600;
text-shadow:2px 2px 1px #b7fe8a;
}
.descended_nanido{
font-weight:bold;
font-size:270%;
color:#306;
text-shadow:2px 2px 1px #8aebfe;
}
.descended_a .descended_sangyo{
text-align:left;
font-size:90%;
}
.descended_a{
border-collapse:collapse;
margin:0 auto;
border:solid 1px #663300;
max-width:500px;
text-align:left;
}
.descended_a th{
padding:3px;
background:#f3c5c5;
color:#000;
border-right:1px solid #663300;
font-weight:bold;
text-align:center;
}
.descended_a td{
border:1px solid #663300;
vertical-align:middle;
padding:3px;
text-align:center;
}
.descended_a td img{
border:none;
padding:0;
outline:none;
}
.descended_b{
border-collapse:collapse;
margin:0 auto;
border:solid 1px #663300;
max-width:500px;
text-align:left;
}
.descended_b th{
padding:3px;
background:#c7f3c5;
color:#000;
border-right:1px solid #663300;
font-weight:bold;
text-align:center;
}
.descended_b td{
border:1px solid #663300;
vertical-align:middle;
padding:3px;
text-align:center;
}
.descended_b td img{
border:none;
padding:0;
outline:none;
}
.descended_b .descended_chart_a{
font-weight:bold;
background:#e7f3e0;
color:#003300;
}
.descended_b .descended_chart_b{
font-weight:bold;
font-size:120%;
}
.descended_c{
border-collapse:collapse;
margin:0 auto;
border:solid 1px #663300;
max-width:500px;
text-align:left;
}
.descended_c .descended_floor{
font-weight:bold;
background:#e4f3f0;
}
.descended_c .descended_floor_sum{
font-weight:bold;
background:#f5deb3;
}
.descended_c th{
padding:3px;
background:#c5f3e9;
color:#000;
border-right:1px solid #663300;
font-weight:bold;
text-align:center;
}
.descended_c td{
border:1px solid #663300;
vertical-align:middle;
padding:3px;
text-align:center;
}
.descended_c td img{
border:none;
padding:0;
outline:none;
}


.mjls{
background:#fee8d5;
padding:8px 5px;
margin:0 0 5px 0;
}
.mjsk{
background:#e5fee8;
padding:8px 5px;
margin:0 0 5px 0;
}
.mjst{
font-weight:bold;
}
.mjfm{
font-weight:bold;
font-size:110%;
color:#306;
text-shadow:2px 2px 1px #8aebfe;
}
.joshileft{
float:left;
}
.joshiright{
border:solid 2px #f5c2fc;
overflow:hidden;
margin:0 0 0 2px;
padding:8px 3px; 8px 5px;
color:#f0f;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.pazuleft{
float:left;
}
.pazuright{
border:solid 2px #b4e7fc;
overflow:hidden;
margin:0 0 0 2px;
padding:8px 3px; 8px 5px;
color:#00f;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.blueleft{
float:left;
}
.blueright{
border:solid 2px #bbb;
overflow:hidden;
margin:0 0 0 2px;
padding:8px 3px; 8px 5px;
color:#333;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.flaimleft{
float:left;
}
.flaimright{
border:solid 2px #fcbdbd;
overflow:hidden;
margin:0 0 0 2px;
padding:8px 3px; 8px 5px;
color:#c00;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.treeleft{
float:left;
}
.treeright{
border:solid 2px #b7edb8;
overflow:hidden;
margin:0 0 0 2px;
padding:8px 3px; 8px 5px;
color:#093;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.lightleft{
float:left;
}
.lightright{
border:solid 2px #f0d9ab;
overflow:hidden;
margin:0 0 0 2px;
padding:8px 3px; 8px 5px;
color:#bf9300;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.darkleft{
float:left;
}
.darkright{
border:solid 2px #c6b7ed;
overflow:hidden;
margin:0 0 0 2px;
padding:8px 3px; 8px 5px;
color:#990099;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
hr.coolhr{
border: 0;
height: 1px;
background: #333;
background-image:-webkit-linear-gradient(left, #ccc, #333, #ccc);
background-image:-moz-linear-gradient(left, #ccc, #333, #ccc);
background-image:-ms-linear-gradient(left, #ccc, #333, #ccc);
background-image:-o-linear-gradient(left, #ccc, #333, #ccc);
}
.hazardmap{
margin:0 auto;
border:solid 1px #2d2d2d;
font-size:90%;
text-align:left;
border-collapse:collapse;
}
.hazardmap th{
padding:3px;
background:#c5f3e9;
color:#000;
border-right:1px solid #2d2d2d;
font-weight:bold;
text-align:center;
}
.hazardmap td{
border:1px solid #2d2d2d;
vertical-align:middle;
padding:3px;
text-align:right;
}
.hazardmap td.hmenemy{
text-align:center;
}
.hazardmap td.hmenemybai{
font-weight:bold;
color:#900;
text-align:center;
}
.hazardmap td.hmenemyskb{
font-weight:bold;
color:#30e;
text-align:center;
}
.hazardmap td.hmsensei{
font-weight:bold;
color:#008000;
}
.hazardmap td img{
border:none;
padding:0;
}
.monster_list{
margin:0 auto;
border:solid 1px #2d2d2d;
font-size:100%;
max-width:640px;
text-align:left;
border-collapse: collapse;
background-color:#fff;
background-image:url("https://puzdlife.com/wordpress/wp-content/uploads/sozai_table_back_001.png");
background-repeat:no-repeat;
background-position:center bottom;
}
.monster_list th{
padding:3px;
background:#c5f3e9;
color:#000;
border-right:1px solid #2d2d2d;
font-weight:bold;
text-align:center;
}
.monster_list td{
border:1px solid #2d2d2d;
vertical-align:middle;
padding:3px;
text-align:center;
}
.monster_list td img{
border:none;
padding:0;
}
#mlist_left{
}

table.pgirl{
border:1px solid #d1d3d5;
border-collapse:collapse;
}
th{
text-align:center;
background-color:#d479f6;
color:#f6edc7;
padding:2px;
}
td{
padding:3px;
}
.pgirltimes{
border-right:1px solid #d1d3d5;
border-bottom:1px solid #d1d3d5;
text-align:center;
}
.pgirlicon{
border-bottom:1px solid #d1d3d5;
}
.pgirlicon img{
min-width:30px;
margin:0;
padding:0;
max-width:100%;
}
.pgirltheme{
border-right:1px solid #d1d3d5;
border-bottom:1px solid #d1d3d5;
}
.pgirlrank{
border-right:1px solid #d1d3d5;
border-bottom:1px solid #d1d3d5;
text-align:center;
font-weight:bold;
font-size:90%;
background-color:#f1e5f6;
}
.classnavitop{
border-bottom:1px solid #aaa;
padding:0;
margin:0;
}
.classnavibottom{
border-top:1px solid #aaa;
padding:0;
margin:0;
}
.classnavitop a{
color:#666;
}
.classnavibottom a{
color:#666;
}
.navispacetop{
padding:0 0 0 10px;margin:0;
}
.navireset{
clear:both;
}
.classbigtop{
vertical-align:sub;
font-weight:bold;
padding:5px 5px 3px;
margin:0 2px;
border:1px solid #aaa;
background-color:#e6e1cc;
font-size:140%;
}
.classmiddletop{
vertical-align:sub;
padding:3px;
margin:0 2px;
border:1px solid #aaa;
background-color:#dad3be;
font-size:100%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}