/* バナーのサイズ */
.banner a img {
    max-width: 100%;
    height: auto;
}


/* ルビのフォントサイズ */
ruby > rt {
   font-size: 50%;
}

.ruby_h2 ruby {
    font-size: 100%;
}

.ruby_h2 rt {
    font-size: 50%;
}


.bread_crumb rt{
   font-size: 50%;
}

/* 書誌の長い場合のフォントサイズ */
.small_font{
   font-size: 74%;
}

/* ガマガエルの吹き出し */

.gama, .gama1, .gama2, .gama3 {
    list-style:none;
    padding-left: 120px;
    height:180px;
    display:table;
    vertical-align:middle;
}

.gama {
    background: url(/kaleido/entry/33/img/ガマA.png) left 0px top 20px/auto 160px no-repeat;
}

.gama1 {
    background: url(/kaleido/entry/33/img/ガマB.png) left 0px top 20px/auto 170px no-repeat;
}

.gama2 {
    background: url(/kaleido/entry/33/img/ガマC.png) left 8px top 20px/auto 160px no-repeat;
}

.gama3 {
    background: url(/kaleido/entry/33/img/ガマ石.png) left 8px top 20px/auto 85px no-repeat;
}

.bubble {
    position:relative;

    border-radius: 16px;
    background-color: #f6fff6;
    padding: 12px 18px;
    margin-top: 25px;

    color: #030;
    font-family: sans-serif;
    font-size:0.91rem;
    line-height: 1.6;

}

.bubble:after{
    border: dashed 2px #165516;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(230, 230, 230, 0);
    border-top-width:6px;
    border-bottom-width:12px;
    border-left-width:18px;
    border-right-width:18px;
    margin-top: -6px;
    border-right-color:#f6fff6;
    right:100%;
    top:30px;
}

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

.gama, .gama1, .gama2, .gama3 {
    list-style:none;
    padding-left: 100px;
    height:150px;
    display:table;
    vertical-align:middle;
}

.gama {
    background: url(/kaleido/entry/33/img/ガマA.png) left 0px top 20px/auto 130px no-repeat;
}

.gama1 {
    background: url(/kaleido/entry/33/img/ガマB.png) left 0px top 20px/auto 140px no-repeat;
}

.gama2 {
    background: url(/kaleido/entry/33/img/ガマC.png) left 8px top 20px/auto 130px no-repeat;
}

.gama3 {
    background: url(/kaleido/entry/33/img/ガマ石.png) left 8px top 20px/auto 65px no-repeat;
}

}






/* colorbox items下部のcap_textの位置 */
.items br {
    display: block;
    content: "";
    margin: 0px 5px 1em 5px;
}

/* 豆知識ポップアップ */

.inline-content {
    background-color: white;
    margin: 0;
    max-width: 100%;
    border: solid 1px black;
    background: url(/kaleido/entry/33/img/ガマ石.png)#fff left bottom/60% ;
    background-repeat: no-repeat;
    padding-bottom: 120px;
}

.cb_content {
	position:relative;
	display:block;
	margin-bottom:0;
	padding-bottom:0;
	text-align:center;
}

.cb_shoshi {
	font-size:13px;
	margin-bottom:7px;
}

.cb_chishiki {
    margin-bottom:10px;
    text-align: left;
    color: #030;

    font-family: sans-serif;
    font-size:0.91rem;
    line-height: 1.6;
}

.cb_title {
	font-size:20px;
	font-weight:bold;
	text-align:center;
    margin-bottom:10px;
    
}

a.Lsend{
	position:absolute;
	bottom:5px;
	right:5px;
	padding:2px;
	font-size:90%;
	background-color:green;
	color:white;
	text-decoration:none;
	border-radius:2px;
}

a.dclink{
	position:absolute;
	bottom:5px;
	right:5px;
	padding:2px;
	font-size:90%;
	background-color:blue;
	color:white;
	text-decoration:none;
	border-radius:2px;
}

a.exlink {
    position:absolute;
	bottom:5px;
	right:5px;
	padding:2px;
	font-size:90%;
	background-color:orange;
	color:white;
	text-decoration:none;
	border-radius:2px;
}

.none {
    display: none;
}

#cboxTitle {
    padding: 0;
}

/* 解答之巻のボタンの位置など */
.button {
    text-align: center;
}

button {
    cursor: pointer;
}

/* 豆知識カエル画像の位置 */

.mame1 {
    text-align: left;
}

.mame2 {
      text-align: right;
}

/* 武鑑の設定 */
.imagemap img{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    margin : 0 auto;
    margin-bottom: 20px;
    max-width: 100%;
    border: 1px solid #999 !important;
    background-color: #fdfdfa;
    box-shadow: 2px 2px 2px -1px rgb(24 24 24 / 30%);
}

/* 武鑑のポップアップ */
.bukan {
    background: white;
    padding: 10px 0px 0px 0px;
    margin: 0;
    text-align: left;
    max-width: 100%;
    border: solid 1px black;
}
.bukan p img {
    max-width: 100%;
}