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

body.tbs-v8-overlay-on div.tbs-v8-overlay, body.tbs-v8-overlay-on div.tbs-v8-lightbox {
	background-repeat:no-repeat;
}
body.tbs-v8-overlay-on div.tbs-v8-overlay {
	background-position:center bottom;
	background-color:hsla(193,63%,69%,0.8) !important;
}
body.tbs-v8-overlay-on div.tbs-v8-lightbox {
	background-position:left top;
}
@media all and (min-width: 768px) {
body.tbs-v8-overlay-on div.tbs-v8-overlay {
	background-image:url(../img/popup_loveit_bg_pc.png);
}
body.tbs-v8-overlay-on div.tbs-v8-lightbox {
	background-image:url(../img/popup_loveit_header_pc.png?0);
}
}
@media all and (max-width: 767px) {
body.tbs-v8-overlay-on div.tbs-v8-overlay {
	background-image:url(../img/popup_loveit_bg_smp.png);
	background-size:contain;
}
body.tbs-v8-overlay-on div.tbs-v8-lightbox {
	background-image:url(../img/popup_loveit_header_smp.png?0);
	background-size:contain;
}
}

div.lbox-done {
}
div.lb-outer div.lb-inner {
	text-align:left;
	background-color:#efefef;
	margin-bottom:10px;
}
div.lb-outer div.lb-inner p {
	line-height:1.5;
}
figure.popup-lappy span {
	display:block;
	background-image:url(../img/popup_loveit_lappy.png?0);
	background-size:cover;
	position:relative;
	height:0;
	padding-top: -webkit-calc(412 / 492 * 100%);
	padding-top: calc(412 / 492 * 100%);
}
figure.popup-lappy span img {
	display:block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.popup-nav ul {
	display:flex;
}

@media all and (min-width: 768px) {
div.lb-outer {
	width:740px;
	margin:40px auto;
}
div.lb-outer div.lb-inner {
	padding:50px;
	border-radius:12px;
}
div.popup-header, div.popup-txt, div.popup-nav {
	width:400px;
	float:right;
}
figure.popup-lappy {
	width:210px;
	float:left;
}
div.popup-header, div.popup-txt, div.popup-nav {
	width:400px;
	float:right;
}
div.popup-header {
	margin-bottom:0.5em;
}
div.popup-header p {
	font-size:140%;
}
div.popup-txt {
	margin-bottom:1em;
}
div.popup-txt p {
	font-size:100%;
}
div.popup-nav ul {
	justify-content:right;
}
div.popup-nav ul li:first-child {
	margin-right:12px;
}
div.popup-nav ul li a {
}
div.popup-nav ul li a {
	display:inline-block;
	border:1px solid #d4d4d4;
	background-color:#fff;
	font-size:112.5%;
	color:#0c0c0c;
	padding:0.5em 0;
	width:160px;
	border-radius:8px;
	text-align:center;
}
div.popup-nav ul li a:hover {
	text-decoration:none;
}
div.popup-nav ul li:last-child a {
	color:#fff;
	border:1px solid #45b6e2;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#80cce3), to(#058cf));
	background-image: linear-gradient(180deg, #80cce3, #0585cf);
}
div.popup-nav ul li a:hover {
	color:#fff;
	border:1px solid #2378ff;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#4a90fe), to(#085ee5));
	background-image: linear-gradient(180deg, #4a90fe, #085ee5);
}
}
@media all and (max-width: 767px) {
div.lb-outer {
	width:74%;
	margin:20px auto;
}
div.lb-outer div.lb-inner {
	border-radius:16px;
	overflow:hidden;
}
div.lb-outer div.lb-inner div.popup-main {
	padding:9.2%;
}
figure.popup-lappy {
	width:80%;
	margin:0 auto 20px;
}
div.popup-header {
	margin-bottom:1em;
}
div.popup-header p {
	font-size:4.2vw;
}
div.popup-txt p {
	font-size:87.5%;
}
div.popup-nav {
	border-top:2px solid #bbb;
}
div.popup-nav ul li:first-child {
	border-right:1px solid #bbb;
}
div.popup-nav ul li:last-child {
	border-left:1px solid #bbb;
}
div.popup-nav ul li {
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.popup-nav ul li a {
	display:block;
	text-align:center;
	font-size:112.5%;
	font-weight:bold;
	padding:1em 0;
	text-decoraion:none;
}
div.popup-nav ul li a:hover {
	text-decoration:none;
}
div.popup-nav ul li:first-child a {
	color:#878787;
}
div.popup-nav ul li:last-child a {
	color:#3d74e2;
}
}