.tbox {position:absolute; display:none; padding:0; z-index:900}
.tinner {padding:0; -moz-border-radius:5px; border-radius:5px; background:#fff url(/common/img/tinybox/preload.gif) no-repeat 50% 50%}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}

#error {padding:0; background:#ff6969; color:#fff}
#error .tcontent {padding:0; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {padding:0; background:#2ea125; color:#fff; -moz-border-radius:5px; border-radius:5px}

#tinybox-outer {width:300px; height:400px; overflow:auto; -webkit-overflow-scrolling:touch; display:inline-block}
#tinybox-outer3 {width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touch; display:inline-block}

#full_frame {position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; overflow:auto; -webkit-overflow-scrolling:touch; display:none; background:#fff; z-index:10000}
#full_iframe {width:100%; height:100%; border:none; background:#fff; display:inline-block}
#center_frame {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; padding:10px; display:inline-block; border-radius:10px; background-color:#fff}
.full_frame_close {
	position: absolute;
	top: -15px;
	right: -7px;
	width: 30px;
	height: 30px;
	border: 2px solid #28628c;
	border-radius: 100%;
	background: #fff;
	box-sizing: border-box;
}
.full_frame_close:hover {
	cursor: pointer;
}
.full_frame_close .cross {
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
}
.full_frame_close .cross::before,
.full_frame_close .cross::after {
	content: "";
	display: block;
	width: 100%; /*長さ*/
	height: 2px; /*太さ*/
	background: #28628c;
	transform: rotate(45deg);
	transform-origin: 0% 50%;
	position: absolute;
	top: 7%;
	left: 10%;
}
.full_frame_close .cross::after {
	transform: rotate(-45deg);
	transform-origin: 100% 50%;
	left: auto;
	right: 15%;
}
.tinybox_close {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #999;
	cursor: pointer;
	background: #fff;
	border: 2px solid #999;
	border-radius: 100%;
	line-height: 1;
}
.tinybox_close::before,
.tinybox_close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 30px;
	background: #999;
}
.tinybox_close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.tinybox_close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}