/* ▼ ポップアップ
--------------------------------------- */
#cboxOverlay{
	background: rgba(0,0,0,.1);
	z-index: 99999;
}
#colorbox{
	z-index: 99999;
}
#cboxLoadedContent{
	margin: 0;
}
#colorbox,
#cboxOverlay,
#cboxContent,
#cboxWrapper{
	overflow: inherit;
}
#cboxContent{
  padding: 35px 40px 50px;
  border-radius: 10px;
  box-shadow: 4px 4px 6px rgba(0,0,0,0.3);
}
button#cboxClose{
  width: 46px;
  height: 46px;
	background: none;
	top: -20px;
	right: -20px;
  background: #000;
  border-radius: 50%;
}
button#cboxClose::before,
button#cboxClose::after{
	content: "";
	background: #fff;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 1px);
	width: 2px;
	height: 20px;
}
button#cboxClose::before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
button#cboxClose::after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
button#cboxClose:hover{
	background-position: center!important;
}

/* ▼▼▼ 480px〜768px
====================================================== */
@media screen and (max-width: 768px) {

  	/* ポップアップ
  	---------------------------------------- */
    #cboxContent{
      padding: 25px 20px 35px;
    }
  	button#cboxClose{
  		right: -2px;
  	}
}