/* デジリンクボタン */

.btn_digi {
	display:block;
	text-decoration:none;
	border:solid 1px #999;
	margin:2rem auto 0 ;
	width:350px;
	box-shadow: 2px 2px 2px -1px rgba(24,24,24,0.3);
	background-color:#333;
}

.btn_digi:hover{
	border-color: #66b !important;
	box-shadow: 2px 2px 3px -1px rgba(24,24,80,0.6);
}

.btn_digi img{
	width:270px;
}

.btn_digi p{
	word-wrap: break-word;
	color:white;
	font-weight:bold;
	font-size:110%;
	margin-bottom:0;
	margin-left:30px;
}

.btn_digi_plus {
	display:flex;
	flex-wrap: wrap;
	text-decoration:none;
	border:solid 1px #999;
	margin:0 auto 2rem;;
	width:350px;
	box-shadow: 2px 2px 2px -1px rgba(24,24,24,0.3);
	background-color:white;
	font-family: sans-serif;
}


.btn_digi_plus li, .zenshuul li {
	display:inline;
	margin: 0.2rem 0.5rem;
	line-height:0.93rem;
	font-size:85%;
	font-family: sans-serif;

}



.zenshuul {
	display:flex;
	flex-wrap: wrap;
	text-decoration:none;
	border:solid 1px #999;
	margin: 0.3rem 0rem;
	box-shadow: 2px 2px 2px -1px rgba(24,24,24,0.3);
	background-color:white;
}



/* 同じ回の中のリンク */

.innerlink {
	text-align: right;
	font-size:0.85rem;
}


/* 横並び上ぞろえ */


@media screen and (min-width: 800px) {
.items {
    align-items: flex-start;
}
}

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


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

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

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

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


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

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



/* 名もなき探偵の吹き出し */

.tantei {
    list-style:none;
    padding-left: 120px;
    height:180px;
    display:table;
    vertical-align:middle;
}

.tantei {
    background: url(/kaleido/entry/35/img/tantei.png) left 0px top 20px/auto 160px 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) {

.tantei {
    list-style:none;
    padding-left: 100px;
    height:150px;
    display:table;
    vertical-align:middle;
}

.tantei {
    background: url(/kaleido/entry/35/img/tantei.png) left 0px top 20px/auto 130px no-repeat;
}

}



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



.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;
}

