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


/* 背景色の変更はここ */
div.tbs-lb-overlay {
	opacity:0;
	background-color:hsla(194,47%,74%,0.9)!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:#074386;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	
}
body.tbs-lb-overlay-on div.tbs-lb-lightbox::-webkit-scrollbar {
  display: none;
}

@media all and (min-width: 992px) {
div.lb-outer {
	width:740px;
	margin:40px auto;
	position: relative;
}
div.lb-outer div.lb-inner {
	height:440px;
	margin-bottom:40px;
	padding: 15px;
}
}
@media all and (max-width: 991.98px) {
div.lb-outer {
	margin:10px;
}
div.lb-outer div.lb-inner {
	margin-bottom:0px;
	padding: 12px;
}
	
}


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

div.lb-btn {
	background-color: #393939;
  text-align: center;
}

div.lb-btn a {
	text-decoration:none;
	color:#fff;
font-family: "transat-text", sans-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: 992px) {
div.lb-btn {
  width: 135px;
  height: 35px;
  background-color: #393939;
  /* polygon(左上の角, 右上の角, 右下の角, 左下の角) */
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
	position: absolute; top:-35px; right:10px;
}

div.lb-btn a {
width: 100%;
height: 35px;
font-size: 1.4em;
}
div.lb-btn a span {padding-left: 10px;}
	
	
div.lb-btn a {
	
}
}
@media all and (max-width: 991.98px) {
	div.lb-btn {
  width: 150px;
  height: 45px;
  background-color: #393939;
  /* polygon(左上の角, 右上の角, 右下の角, 左下の角) */
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%);
	margin: -1px 12px 0 auto;
}
	
div.lb-btn a {
	font-size:87.5%;
}
	div.lb-btn a {
width: 100%;
height: 45px;
font-size: 1.4em;
}
div.lb-btn a span {padding-left: 10px;}
}



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