/* ----- モーダル ----- */
.remodal p.media_date { margin: 15px 0 0 0; text-align: left; }
.remodal h2.media_ttl { margin: 0; font-size: 20px; font-weight: 600; text-align: left; }
.remodal .media_comment { margin: 15px 0 10px 0; text-align: left; }

.remodal, [data-remodal-id] {
    display: none
}


.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    background: #2B2E38;
    background: rgba(43, 46, 56, .9)
}

/*-- IT GIRL時 --*/
.modal-bgcolor-itgirl .remodal-overlay {
    position: fixed;
    z-index: 9998;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    /* 背景 */
	background: url(../img/itgirl/modal_bg.png) center center;
	background-size: auto 100%;
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #FFF;
}
/*-- IT GIRL時 --*/
.modal-bgcolor-itgirl .remodal {
	padding: 0px;
}


.remodal-cancel, .remodal-close, .remodal-confirm {
    border: 0;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

.remodal-is-initialized {
    display: inline-block
}



.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation: remodal-overlay-opening-keyframes .3s;
    animation: remodal-overlay-opening-keyframes .3s
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation: remodal-overlay-closing-keyframes .3s;
    animation: remodal-overlay-closing-keyframes .3s
}

.remodal.remodal-is-opening {
    -webkit-animation: remodal-opening-keyframes .3s;
    animation: remodal-opening-keyframes .3s
}

.remodal.remodal-is-closing {
    -webkit-animation: remodal-closing-keyframes .3s;
    animation: remodal-closing-keyframes .3s
}

.remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  overflow: visible;

  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: url(../img/modal_close.png);
  background-size: 40px 40px;
}


/*.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    content: "\00d7";
    text-align: center
}*/

.page__centre, .page__container:after, .remodal-cancel, .remodal-confirm {
    display: inline-block;
    vertical-align: middle
}

.remodal-cancel, .remodal-confirm {
    font: inherit;
    min-width: 110px;
    padding: 12px 0;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media only screen and (min-width:641px) {
    .remodal {
        max-width: 700px
    }


    .remodal-wide {
        max-width: 1400px;
    }



}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.page {
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    color: #95a5a6;
    background: #ecf0f1
}

.page__container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
    text-align: center
}

.page__container:after {
    height: 100%;
    margin-left: -4px;
    content: ''
}

.page__centre {
    max-width: 90%
}

@media only screen and (min-width:641px) {
    .page__centre {
        max-width: 640px
    }
}

.lt-ie9 .page__centre {
    max-width: 640px
}