/*	lightbox
============================== */


/* 背景色の変更はここ */
div.tbs-lb-overlay {
	opacity:0;
	background-color:rgba(234,254,254,0.85)!important;
}

/* アニメーションさせたいとき */
div.lbox-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}




/* 個別 */
div.lb-outer div.lb-inner {
	background-color:#f5fbfc;
	box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.1)
}
body.tbs-lb-overlay-on div.tbs-lb-lightbox::-webkit-scrollbar {
  display: none;
}

@media all and (min-width: 768px) {
div.lb-outer {
	width:730px;
	margin:40px auto;
	position: relative;
}
div.lb-outer div.lb-inner {
	height:438px;
	margin-bottom:40px;
	padding: 6px;
}
.chara_11.lb-outer div.lb-inner {
	height:350px;
}
}
@media all and (max-width: 767px) {
div.lb-outer {
	margin:10px;
	position: relative;
}
div.lb-outer div.lb-inner {
	margin-bottom:0px;
	padding: 5px;
}
	
}


/* 閉じるボタンの css もご自由に */
/* 注意：閉じるボタンには「class="lb-close"」を付けてください */

div.lb-btn {
  text-align: center;
}

div.lb-btn a {
	text-decoration:none;
	color:#4660ac;
font-family: "century-old-style-std", serif;
font-weight: 700;
font-style: normal;
display: table;
}
div.lb-btn a span {vertical-align: middle; display: table-cell;}
@media all and (min-width: 768px) {
div.lb-btn {
  width: 100px;
  height: 35px;
	position: absolute; top:-35px; right:0px;
}

div.lb-btn a {
width: 100%;
height: 35px;
font-size: 1.3em;
}
}
@media all and (max-width: 767px) {
	div.lb-btn {
  width: 100%;
  height: 45px;
position: absolute; bottom:10px; left:0;
}
	
div.lb-btn a {
	font-size:87.5%;
}
	div.lb-btn a {
width: 100%;
height: 45px;
font-size: 1.3em;
}
div.lb-btn a span {padding-left: 10px;}
}



/* 印刷不可。CSSの最後にこれを入れておいてください */
@media print {
div.lbox-done, div.tbs-lb-lightbox, div.tbs-lb-overlay {
	display:none;
}
}