@charset "utf-8";

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

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

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

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

/***************************************************************************
次へ・前へ・閉じるボタン（オーバーライド）
****************************************************************************/

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: default;
}
.mfp-close {
    cursor: pointer !important;
    opacity: 1;
    font-size: 48px;
    position: fixed;
    right: 25px !important;
    top: 15px !important;
}
.mfp-arrow {
    opacity: 1;
}

.mfp-arrow-left:before,
.mfp-arrow-right:before
{
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    margin-top: -12px;
}
.mfp-arrow-left:before {
    content: "";
    left: 0;
    border: none;
    border-right: 0;
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    transform: rotate(45deg);
}
 
.mfp-arrow-right:before {
    content: "";
    right: 0;
    border: none;
    border-left: 0;
    border-right: 3px solid #ffffff;
    border-top: 3px solid #ffffff;
    transform: rotate(45deg);
}
.mfp-arrow-left:after,
.mfp-arrow-right:after{
    content: none;
}

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

/* 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;
}