@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

/*iPad 以下 w767px*/
@media only screen and (max-width: 768px) {
}

/***************************************************************************
ポップアップ時に、背景がずれるのを防ぐ
****************************************************************************/

html {
	margin-right: 0px !important;
}

.mfp-bg {
    z-index: 9999999;
}
.mfp-wrap {
    z-index: 99999999;
}
.mfp-content {
    z-index: 999999999;
}
button.mfp-close,
button.mfp-arrow {
    z-index: 9999999999;
}
 
/***************************************************************************
prev/next
****************************************************************************/

.mfp-arrow {
	position: fixed;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 25px auto !important;
}
.mfp-arrow:before,
.mfp-arrow:after {
	display: none;
}
.mfp-arrow-left {
	background-image: url(/-/wp-content/themes/tochi/js/magnific-popup/prev_btn_white.svg) !important;
}
.mfp-arrow-right {
	background-image: url(/-/wp-content/themes/tochi/js/magnific-popup/next_btn_white.svg) !important;
}

@media only screen and (max-width: 767px) {
.mfp-arrow {
	width: 12vw;
	background-size: 6vw auto !important;
}
}
 
/***************************************************************************
mfp-close
****************************************************************************/

.mfp-close {
    cursor: pointer !important;
    opacity: 1;
	position: relative;
	padding: 0;
	width: inherit;
	height: inherit;
	line-height: inherit;
	margin: 40px auto 0px auto;
	display: table;
}
.mfp-close span {
	display: block;
	text-align: center;
	line-height: 1;
}
.mfp-close a {
    pointer-events: none !important;
    user-select: none;
	display: block;
	font-size: 12px;
    font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
}

@media only screen and (max-width: 767px) {
.mfp-close {
	margin: 7vw auto 0px auto;
}
.mfp-close span {
	padding-bottom: 1vw;
}
.mfp-close img {
	width: 6vw;
}
.mfp-close a {
	font-size: 3vw;
}
}

/***************************************************************************
フェードポップアップ
****************************************************************************/

/* overlay at start */
.mfp-bg {
  opacity: 0;
  transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}