/*	customize
============================== */

body.tbs-v8-overlay-on div.tbs-v8-overlay {
	background-color:#bbe4e6 !important;
	/*
	background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(0.5, transparent), color-stop(0.5, #f2b1c9), to(#f2b1c9));
	background-image: -webkit-linear-gradient(left, transparent, transparent 50%, #f2b1c9 50%, #f2b1c9);
	background-image: linear-gradient(to right, transparent, transparent 50%, #f2b1c9 50%, #f2b1c9);
	*/
}

div.lb-outer {
	position:relative;
	text-align:left;
	/**/
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	/**/
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	/**/
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
}

@media all and (min-width: 768px) {
div.lb-outer {
	width:840px;
	background-image:url(../character/img/bg_pc.png);
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
div.lb-outer {
	width:92%;
	margin:20px auto;
	background-image:url(../img/top_sns_bg_smp.png);
}
}


div.lb-character div.lb-close a {
	display:block;
	background-image:url(../character/img/btn_close.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:120px;
	height:50px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.lb-character div.lb-close {
	position:absolute;
	left:680px;
	top:470px;
}
}
@media all and (max-width: 767px) {
div.lb-character div.lb-close {
	width:120px;
	margin:0 auto;
}
}



/*	character
============================== */

div.lb-character {
	position:relative;
	overflow:hidden;
}
div.lb-character div.lb-pics figure > span,
div.lb-character div.lb-pics figure span img {
	display:block;
}
div.lb-character div.lb-pics figure > span {
	position:relative;
	height:0;
	padding-top: -webkit-calc(1010 / 790 * 100%);
	padding-top: calc(1010 / 790 * 100%);
	background-size:cover;
}
div.lb-character div.lb-pics figure span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.lb-character div.lb-cast {
}
div.lb-character div.lb-cast p {
	text-align:center;
}
div.lb-character div.lb-cast p > span {
	display:inline-block;
	line-height:1.25;
	text-align:center;
	padding:0 1em;
}
div.lb-character div.lb-cast p:first-child {
	font-family: "vdl-penletter", sans-serif;
	font-weight: 500;
	font-style: normal;
	/**/
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	margin-left:-25%;
	margin-bottom:0.25em;
}
div.lb-character div.lb-cast p:last-child {
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	margin-right:-30%;
}
div.bosanoba div.lb-cast p:first-child {
	margin-bottom:1em;
}
div.lb-character div.lb-cast p:first-child > span {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(336,70%,90%,0.8)), to(hsla(336,70%,90%,0.8)));
	background-image: linear-gradient(transparent 50%, hsla(336,70%,90%,0.8) 50%);
	text-shadow:2px 2px 0 hsla(0,100%,100%,0.5);
}
div.lb-character div.lb-cast p:last-child > span {
	background-color:#68b7b4;
	color:#fff;
	padding-top:0.2em;
	text-shadow:2px 2px 0 hsla(0,0%,0%,0.25);
	-webkit-box-shadow: rgba(32,76,150,0.2) 2px 2px 0 0px;
	box-shadow: rgba(32,76,150,0.2) 2px 2px 0 0px;
}
@media all and (min-width: 768px) {
div.lb-character {
	width:100%;
	height:550px;
}
div.lb-character div.lb-pics,
div.lb-character div.lb-cast,
div.lb-character div.lb-scrl-box {
	position:absolute;
}
div.lb-character div.lb-pics {
	width:395px;
	left:40px;
	top:30px;
}
div.lb-character div.lb-cast {
	width:345px;
	left:465px;
	top:70px;
}
div.lb-character div.lb-scrl-box {
	width:355px;
	left:455px;
	top:195px;
	height:275px;
	overflow:auto;
	paddding-right:16px;
}
div.lb-character div.lb-cast p:first-child > span {
	font-size:250%;
}
div.bosanoba div.lb-cast p:first-child > span {
	font-size:175%;
}
div.lb-character div.lb-cast p:last-child > span {
	font-size:150%;
}
}
@media all and (max-width: 767px) {
div.lb-character {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#fff));
	background-image: linear-gradient(transparent 0%, #fff 100%);
	padding:30px 20px;
}
div.lb-character div.lb-pics,
div.lb-character div.lb-cast {
	margin-bottom:30px;
}
div.lb-character div.lb-cast {
	background-image:url(../character/img/name_smp.png);
	background-repeat:no-repeat;
	background-position:right top;
	background-size:contain;
}
div.lb-character div.lb-cast p:first-child > span {
	font-size:8vw;
}
div.bosanoba div.lb-cast p:first-child > span {
	font-size:6vw;
}
div.lb-character div.lb-cast p:last-child > span {
	font-size:5vw;
}
}

@media print {
body.tbs-v8-overlay-on div.tbs-v8-overlay,
div.lb-outer {
	display:none;
}
}