/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
/* モーダルの背景 */
.remodal-overlay {
    background: rgba(0,0,0,.8);
}
.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}
/* Default theme styles of the wrapper */
.remodal-wrapper {
    padding: 20px 20px 0;
}
/* モーダル本体 */
.remodal {}
.remodal.remodal-is-opening,.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}
/* Vertical align of the modal dialog */
.remodal,.remodal-wrapper:after {
    vertical-align: middle;
}
/* 閉じるボタン */
.remodal-close {
    cursor: pointer;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
}
.remodal-close:hover,.remodal-close:focus {
    color: #2b2e38;
}
.remodal-close:before {
  content: "\f00d";
  font: normal 14px/1em 'fontawesome';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* Dialog buttons */
.remodal-confirm,.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}
.remodal-confirm {
    color: #fff;
    background: #81c784;
}
.remodal-confirm:hover,.remodal-confirm:focus {
    background: #66bb6a;
}
.remodal-cancel {
    color: #fff;
    background: #e57373;
}
.remodal-cancel:hover,.remodal-cancel:focus {
    background: #ef5350;
}
/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm:: -moz-focus-inner,.remodal-cancel:: -moz-focus-inner,.remodal-close:: -moz-focus-inner {
    padding: 0;
    border: 0;
}
/* Keyframes ========================================================================== */
@-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(0.95);
    transform: scale(0.95);
    opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
    from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
 to {
    -webkit-transform: scale(0.95);
    transform: scale(0.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 queries ========================================================================== */
@media only screen and (min-width: 641px) {
    .remodal {
    max-width: 800px;
  }
  .remodal-wide {
    max-width: 1000px;
  }
}
/* IE8 ========================================================================== */
.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}
.lt-ie9 .remodal {
    width: 800px;
}