@charset "utf-8";

/*----------------------------------------------------
	magnific-popup追加CSS
----------------------------------------------------*/
.mfp-bottom-bar {
	background: #fff;
	margin-top: -40px;
	/*padding: 10px 10px;*/
	box-sizing: border-box;
}

.mfp-bottom-bar .mfp-title {
	color: #444;
	padding-right: 0;
	border-left: 5px solid #f4a117;
	padding-left: 5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
}

.mfp-close {
	font-size: 48px;
}


.mfp-bg{
  opacity: 0;
  transition: opacity 0.5s;
}
.mfp-bg.mfp-ready{
  opacity: 0.8;
}
.mfp-bg.mfp-removing{
  opacity: 0;
}

.mfp-wrap .mfp-content{
  opacity: 0;
  transition: opacity 0.5s;
}

.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}



/*-------------------　スマホ用　-------------------*/
@media screen and (max-width: 736px) {

.mfp-bottom-bar .mfp-title {
	font-size: 4vw;
}



/*-------------------スマホ用終了-------------------*/
}